body { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px;color:#333; }
div, form, ul, li, ol, p, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, table, tr, td { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
img { border: 0; }
a{text-decoration:none;color:inherit;}
input[type="button"],input[type="text"]{-webkit-appearance:none;}
input ,button{font-size:14px;font-family:"Microsoft YaHei";}
select{font-size:14px;font-family:"Microsoft YaHei";}
.m-container { padding: 0 15px 0 15px; margin-right: auto; margin-left: auto; }
.m-vertical-space { width: 100%; height: 20px; }
.m-vertical-space-sm { width: 100%; height: 10px; }
.m-control-auto { padding: 15px 0 15px 0; width: 100%; }
.m-control-group { padding: 5px 0 5px 0; width: 100%; height: 35px; }
.m-control-group table { width: 100%; padding: 0; margin: 0; border: 0; border-collapse: 0; border-spacing: 0; }
.m-control-group table tr td.td-right-control { width: 90px; text-align: right; }
.m-control-title { margin-top: 10px; padding: 0; width: 100%; }
.m-control-input {
	  display: block;
  	width: 100%;
  	line-height: 28px;
  	text-indent: 0.5em;
  	padding: 7px 0 7px 0;
  	font-size: 14px;
  	line-height: 1.42857143;
  	color: #555;
  	background-color: #fff;
  	background-image: none;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.m-control-input:focus { 
	border-color: #66afe9; 
	outline: 0; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 
}
.m-control-input::-moz-placeholder { color: #999; opacity: 1; }
.m-control-input:-ms-input-placeholder { color: #999; }
.m-control-input::-webkit-input-placeholder { color: #999; }
.m-cbx-selection { margin-left: 3px; }

.m-row:before, .m-row:after { display: table; content: " "; }
.m-row:after { clear: both; }
.m-col-1, .m-col-2, .m-col-3, .m-col-4, .m-col-5, .m-col-6, .m-col-7, .m-col-8, .m-col-9, .m-col-10, .m-col-11, .m-col-12 { 
  position: relative;
  float: left;
  min-height: 1px; 
}
.m-col-1 { width: 8.33333333%; }
.m-col-2 { width: 16.66666667%; }
.m-col-3 { width: 25%; }
.m-col-4 { width: 33.33333333%; }
.m-col-5 { width: 41.66666667%; }
.m-col-6 { width: 50%; }
.m-col-7 { width: 58.33333333%; }
.m-col-8 { width: 66.66666667%; }
.m-col-9 { width: 75%; }
.m-col-10 { width: 83.33333333%; }
.m-col-11 { width: 91.66666667%; }
.m-col-12 { width: 100%; }

.m-btn {
	  display: inline-block;
  	padding: 6px 12px;
  	margin-bottom: 0;
  	font-size: 14px;
  	font-weight: 400;
  	line-height: 27px;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	-ms-touch-action: manipulation;
  	touch-action: manipulation;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	background-image: none;
  	border: 1px solid transparent;
  	border-radius: 4px;
}
.m-btn-info { color: #fff; background-color: rgb(34, 169, 237); border-color: rgb(32, 169, 237); }
.m-btn-infofalse { color: #fff; background-color: rgb(117, 123, 126); border-color: rgb(117, 123, 126); }
.m-btn-block { display: block; width: 100%; }

.m-img-circle { display: block; margin-right: auto; margin-left: auto; width: 75px; height: 75px; border-radius: 50%; border: #fff 4px solid; }

.m-confirm-bg { position: fixed; z-index: 99; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; border: 0; background: #000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; display: none; }
.m-confirm-container { position: fixed; z-index: 100; top: 50%; left: 50%; margin-top: -75px; margin-left: -125px; width: 255px; height: 150px; border: #ddd 1px solid; border-radius: 5px; background: rgb(229, 229, 229); display: none; }
.m-confirm-msg { width: 100%; height: 100px; /*line-height: 100px;*/ text-align: center; font-size: 16px; color: #000000; }
.m-confirm-btn { width: 100%; height: 50px; border-radius: 5px; background: #ffffff; }
.m-confirm-btn-cols1, .m-confirm-btn-cols2 { width: 47%; height: 50px; }
.m-confirm-btn-cols1 { float: left; padding: 5px 0 5px 5px; }
.m-confirm-btn-cols2 { float: right; padding: 5px 5px 5px 0; }
.m-loading-msg { margin-top: 17.5px; margin-left: 50px; }

/*新加带取消确定的弹出层*/
.m-pop-container { position: fixed; z-index: 100; top: 50%; left: 50%; margin-top: -75px; margin-left: -125px; width: 255px; height: 150px; border: #ddd 1px solid; border-radius: 5px; background: rgb(255, 255, 255); display: none; }
.m-pop-header{  text-align: center;padding: 10px;border-bottom: 1px solid #ddd;height: 19px;}
.m-pop-main{padding:0 10px;height: 47px;margin:10px 0;overflow:hidden;}
.m-pop-footer{  height: 43px;box-sizing: border-box;background-color: #f5f5f5;}
.m-pop-btn{width: 50%;text-align: center;height: 100%;line-height: 43px;box-sizing: border-box;
           text-decoration: none;color: #21a9ed;}
.left-btn{float:left;border-right: 1px solid #ddd;}
.right-btn{float:right;}


.wx-auth-view { width: 100%; height: 160px; background: rgb(229, 229, 229); }
.wx-auth-btnSpace { margin-top: 50px; }
.wx-banner-clear { height: 18px; }
.wx-notice-tab { color: #999; }
.wx-agent-center { margin: 0 auto; width: 200px; }
.wx-link-lg { font-size: 16px; }
.wx-btn-verify { padding: 8px 6px 8px 6px; text-decoration: none; border: rgb(115, 197, 237) 1px solid; background: rgb(115, 197, 237); color: #fff; }
.wx-form-col { height: 35px; line-height: 35px; margin-bottom: 1px; background: #fff; }
.wx-form-col label { margin-left: 15px; }
.wx-col-input { display: block; padding: 0; margin: 2px 0; width: 100%; height: 30px; border: #ccc solid; border-width: 0 0 1px 0; border-radius: 0; text-indent: 0.5em; font-size: 14px; font-family: "微软雅黑"; }
.wx-banner-img { display: block; margin: 0 auto; border: 0; }
.wx-brand-nickname { display: block; margin-top: 8px; color: #666; }
.wx-brand-sel { display: block; text-decoration: none; width: 50px; height: 36px; line-height: 36px; border: 0; color: #333; }
.wx-brand-sel span { float: right; margin: 9px 15px 0 0; display: block; width: 18px; height: 18px; background: url(../images/input-icon.png) no-repeat center right; background-position: -36px 0; }

.m-confirm-loading {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -84.5px;
    width: 167px;
    height: 52px;
    border: #ddd 1px solid;
    border-radius: 5px;
    background: rgb(229, 229, 229);
}

.regular-radio { display: none; }
.regular-radio + label {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}
.regular-radio:checked + label:after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: rgb(74, 196, 75); /*#99a1a7;*/
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  text-shadow: 0px;
  left: 3px;
  font-size: 30px;
}
.regular-radio:checked + label {
  background-color: #e9ecee;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }

.wx-btn-verifying {
    padding: 8px 6px 8px 6px;
    text-decoration: none;
    border: rgb(229, 234, 236) 1px solid;
    background: rgb(181, 186, 189);
    color: #fff;
}

.sel-control { display: block; text-decoration: none; padding-top: 5px; height: 25px; font-size: 16px; color: #666666; background: url(../images/sel-arrow.png) no-repeat center right; }
.sel-veh-province { width: 40px; }
.sel-veh-brand { width: 100px; }
.sel-veh-series { width: 100px; }

.sel-border { display: block; padding: 3px; border: #cccccc 1px solid; border-radius: 0; font-size: 14px; }

.bottom-sel-options { position: absolute; z-index: 999; left: 0; bottom: 0; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; border-top: #ccc 1px solid; background: #ffffff; display: none; }
.bottom-option { float: left; display: block; text-decoration: none; margin: 10px 15px 0 0; padding: 4px; line-height: 20px; font-size: 16px; color: #22aaf1; border: #22aaf1 1px solid; }
.bottom-option-select { color: #ffffff; background: #22aaf1; }

.sel-help { display: block; width: 50px;text-decoration: none; padding-top: 5px; height: 32px; font-size: 16px; color: #666666; background: url(../images/help.png) no-repeat center right; }

/* 移动端媒体查询像素比 */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
  .sel-control {
     background: url(../images/sel-arrow@2x.png) no-repeat center right;
     background-size: 16px 16px;
  }
} 

.qqInfoBox {
    position: absolute;
    z-index: 888;
    left: 0;
    top: 0;
    padding: 0 5px 0 5px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    width: 70px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    color: #ffffff;
    background: #000000;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5;
}
/*loading*/
 .loading {
            position: fixed;
            left: 50%;
            top: 50%;
            background-color: #666;
            color: #fff;
            padding: 10px;
            border-radius: 5px;
            line-height: 32px;
            margin-top: -26px;
             margin-left: -56.5px;
              z-index: 100;
              display:none;
              overflow:auto;
        }
 .loading .loading-text {
                float: right;
                display: block;
                margin-left: 5px;
 }
 .loading .loading-img{
                display: block;
                float: left;
            }
  .loading .loading-img img{
                display: block;
            }
/*photoCapture*/
 .photoCapture {
            position: fixed;
            left: 50%;
            top: 50%;
            background-color: #666;
            color: #fff;
            padding: 10px;
            border-radius: 5px;
            margin-top: -29px;
             margin-left: -90px;
              z-index: 100;
              display:none;
              overflow:auto;
                width: 160px;
          text-align: center;
        }
 /*地图扩大缩小按钮*/
  .zoom-tools {
            position: absolute;
            z-index: 9;
            bottom: 60px;
            right: 8px;
            width: 40px;
            height: 80px;
            border-radius: 5px;
            border: #999 1px solid;
            filter: alpha(opacity=90);
            background: rgba(255,255,255,0.9);
        }
        .zoom-in-icon, .zoom-out-icon {
            margin: 5px 0 0 5px;
            display: block;
            text-decoration: none;
            width: 30px;
            height: 30px;
            background: url(../images/monitor-icon.png) no-repeat;
        }
        .zoom-in-icon {
            background-position: -60px 0;
        }
        .zoom-out-icon {
            margin: 10px 0 0 5px;
            background-position: -90px 0;
        }
        .zoom-line {
            position: absolute;
            z-index: 9;
            bottom: 98px;
            right: 14px;
            display: block;
            text-decoration: none;
            width: 30px;
            height: 1px;
            background: #ccc;
        }
/* 移动端媒体查询像素比 */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
      .zoom-in-icon, .zoom-out-icon {
            background-image: url(../images/monitor-icon@2x.png);
            background-size: 270px auto; 
        }
}

.lft{ float:left;}
.rgt{ float:right;}
.tabbar{ height:24px; line-height:24px; font-size:0;}
.tabbar a{ display:inline-block; padding:0 10px; font-size:13px; height:22px; line-height:22px; border:1px solid #499eec; border-radius:3px; }
.tabbar a.btn1{ color:#499eec; margin-right:7px;}
.tabbar a.btn2{ color:#6ed595; border:1px solid #6ed595; margin-right:7px;}
.tabbar a.btn3{ color:#fff; background:#f5810e; border:1px solid #f5810e; }
.tabbar a.btn3 i{ display:inline-block; background:url(../picture/i1.png) no-repeat center center; width:10px; height:10px; background-size:100% 100%; margin-right:5px; vertical-align:top; position:relative; top:6px;}

.flowTips .rgt em{ margin-left:14px; font-style:normal; font-weight:normal; font-size:13px;}
.flowTips .rgt em.i1{ background:url(../picture/close.png) no-repeat left center; padding-left:21px; background-size:15px 15px; color:#888;}
.flowTips .rgt em.i2 b{ font-weight:normal; color:#499eec; padding:0 5px;}

#surplusFlow small{ font-size:20px; font-weight:normal;}
footer .btns{ text-align:center;}
footer .btns a{ color:#ff7113; font-size:13px; padding-left:19px;}
footer .btns span{ color:#999; padding:0 11px;}
footer .btns .i1{ background:url(../picture/i11.png) no-repeat left center; background-size:16px 16px;}
footer .btns .i2{ background:url(../picture/i12.png) no-repeat left center; background-size:16px 16px;}
footer .btns .i3{ background:url(../picture/i13.png) no-repeat left center; background-size:16px 16px;}