﻿@charset "UTF-8";
/*车主活动*/

.chezhu_changebody{ background-color:#f5f5f5;}
.chezhu_changecar{ padding:0 3% 1.3rem; font-size:0;}
.chezhu_changecar div{ font-size:0;}
.chezhu_changecar .list{ box-shadow:0 .02rem .3rem 0 rgba(0, 0, 0, 0.08); border-radius:.1rem; background:url(../../../images/quanyihui/chezhu/changecar_listbg.png) no-repeat left bottom; background-size:100%; min-height:1.64rem; margin-top:.38rem; padding:0 .34rem;}
.chezhu_changecar .list p{ width:.49rem; flex-shrink:0;}
.chezhu_changecar .list h4{ font-size:.36rem; color:#3969de;}
.chezhu_changecar .list input.radiobox[type=radio]{ -webkit-appearance:none; width:.49rem; height:.49rem; border-radius:.5rem; border:.04rem solid #cdcdcd; text-align:center; vertical-align:middle; line-height:.49rem; outline:0; float:left;}
.chezhu_changecar .list input.radiobox[type=radio]:checked{ background:#3969de url(../../../images/quanyihui/chezhu/gou.png) no-repeat center center; background-size:.3rem .3rem; border:0; flex-shrink:0;}
.chezhu_changecar_bottom{ width:100%; position:fixed; bottom:0; left:0; z-index:100;}
.chezhu_changecar_bottom span{ width:100%; height:1.08rem; line-height:1.08rem; text-align:center; background:#3969de; display:inline-block; color:#fff; font-size:.38rem;}

.chezhu_addcar{ padding:0 0 1.3rem; font-size:0;}
.chezhu_addcar div{ font-size:0;}
.chezhu_addcar .addcar_box{ background:#fff; padding:0 3%;}
.chezhu_addcar .addcar_box .list{ padding:0 3%; height:1.2rem; border-bottom:solid .01rem #eee;}
.chezhu_addcar .addcar_box .list i{ width:.5rem; height:.41rem; display:inline-block; flex-shrink:0; margin-right:.6rem; font-size:0;}
.chezhu_addcar .addcar_box .list label{ color:#4c4c4c; font-size:.36rem; flex-shrink:0; vertical-align:baseline; line-height:1.2rem;}
.chezhu_addcar .addcar_box .list input,.chezhu_addcar .addcar_box .list select{ color:#4c4c4c; font-size:.36rem; height:.1.2rem; line-height:1.2rem; border:none; background:none; width:100%; padding:0 .2rem 0 0;}
.chezhu_addcar .addcar_box .list input.input2{ color:#999;}
.chezhu_addcar .addcar_box .list input::-webkit-input-placeholder{ color:#4c4c4c;}
.chezhu_addcar .addcar_box .list input.input2::-webkit-input-placeholder{ color:#999;}
.chezhu_addcar .addcar_box .list select{ background:url(../../../images/quanyihui/chezhu/select_jt.png) no-repeat right center; background-size:.18rem .31rem;}
.chezhu_addcar .addcar_box .list select option{ font-size:.32rem;}

.addCar_toast{ width:100%; text-align:center; position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000; display:flex; align-items:center; justify-content:center;}
.addCar_toast span{ background:rgba(0,0,0,.8); padding:.2rem .2rem; color:#fff; font-size:.24rem;}

body,
			ul,
			li,
			p,
			h5,
			h6 {
				padding: 0;
				margin: 0;
			}

			a {
				text-decoration: none;
				color: initial;
			}

			.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;
			}
		/*浮动*/
		.clearfix, .clear { *zoom: 1; }

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

		.clearfix:after, .clear:after { clear: both; }

		.fl { float: left; }

		.fr { float: right; }

			@font-face {
			  font-family: 'iconfont';  /* project id 1477110 */
			  src: url('//at.alicdn.com/t/font_1477110_zaauelbhkxs.eot');
			  src: url('//at.alicdn.com/t/font_1477110_zaauelbhkxs.eot?#iefix') format('embedded-opentype'),
			  url('//at.alicdn.com/t/font_1477110_zaauelbhkxs.woff2') format('woff2'),
			  url('//at.alicdn.com/t/font_1477110_zaauelbhkxs.woff') format('woff'),
			  url('//at.alicdn.com/t/font_1477110_zaauelbhkxs.ttf') format('truetype'),
			  url('//at.alicdn.com/t/font_1477110_zaauelbhkxs.svg#iconfont') format('svg');
			}

			.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;
			}

			.icon-daohang1::before {
				content: '\e605'
			}

			.mr10 {
				margin-right: 10px !important;
			}
			.ml3{
				margin-left: 3px !important;
			}
			.mt6{
				margin-top: 6px !important;
			}
			.color-blue {
				color: #449efc !important;
			}
			.fz12 {
				font-size: 12px !important;
			}

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

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

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

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

			.mui-ellipsis {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

			.mui-text-left {
				text-align: left !important;
				justify-content: start;
				-webkit-justify-content: start
			}

			.mui-text-center {
				text-align: center !important;
			}
			.xiche-box{
				background: url(http://static.imagestore.czfw.cn/insert-top-bg.png?v2.1) top center #fff no-repeat;
				background-size: 100% auto;
				padding-top: 20px;
			}
			.xiche-box .mui-table-view{
				position: relative;
				padding-bottom: 1px;
			}
			.xiche-box .mui-table-view:after {
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				height: 1px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #E2E2E2;
			}
			.xiche-box .mui-table-view-cell {
				position: relative;
				overflow: hidden;
				background-color: #fff;
				padding: 11px;
				border-radius: 6px;
				margin: 0 5px 10px;
				border: 5px solid rgba(0,0,0,0.05);
			}



			.xiche-box .mui-table-view .mui-media-object {
				max-width: initial;
				width: 90px;
				height: 76px;
				overflow: hidden;
			}
			.refuel-title {
				font-size: 16px;
				color: #333;
				line-height: 22px;
				font-weight: normal;
				margin-bottom: 5px;
			}


			.refule-price p {
				display: inline-block;
				vertical-align: middle;
				line-height: 1;
			}

			.refule-price p:first-child {
				color: #9B9B9B;
				font-size: 12px;

			}

			.refule-price p:first-child span {
				color: #F99716;
				font-size: 20px;
				letter-spacing: 0;
				font-family: 'DIN';
			}

			.refule-price p:first-child span i {
				font-style: normal;
				font-size: 20px;
				color: #F99716;
				font-family: 'Helvetica Neue', Helvetica, sans-serif;
				margin-right: 2px;
			}

			.refule-price p:last-child {
				color: #DB5964;
				    font-size: 10px;
				    border-radius: 4px;
				    padding: 2px 4px 1px;

				    background: #FFEBE5;

			}

			.mui-h6 {
				font-size: 12px;
				font-weight: 400;
				color: #9b9b9b;
			}
			.mui-h6 .iconfont,.price-dist .iconfont{
				font-size: 12px;
				color: #d1d1d1;
				margin-right: 3px;
			}
			.mui-h6 p:last-child {
				position: relative;
				padding-left: 5px;
				margin-left: 5px;
			}

			.mui-h6 p:last-child:after {
				content: '';
				position: absolute;
				left: 0;
				top: 12%;
				height: 80%;
				width: 1px;
				background-color: #449EFC;
			}

			.xiche-more {
				padding: 12px 0;
				font-size:0;
			}

			.price-dist{
				margin-top: 10px;
				line-height: 20px;
			}
			/* 未开通定位 */
			.unopen-tips {
				padding: 103px 0;
			}

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

			.unopen-tips p {
				text-align: center;
				font-size: 16px;
				color: #606060;
			}
			.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;
			}
			@media screen and (max-width:330px) {
				.xiche-box .mui-table-view-cell{
					padding: 8px;
				}
				.xiche-box .mui-table-view .mui-media-object{
					width: 80px;
					height: 70px;
				}
				.refuel-title{
					font-size: 14px;
				}
				.refule-price p:first-child span{
					font-size: 18px;
				}
				.refule-price{line-height: 14px;}

			}
