/* 头部 */
html,body,ul{padding:0;margin:0; background-color: #fff;font-family: "Microsoft YaHei","arial black"; color:#1a1a1a;}
input{font-family: "Microsoft YaHei","arial black";}
#vmMain{display: flex; flex-direction:column;}
.header{ border-bottom:#fff 1px solid; background-color: #fff;}
.nav{ background-color:#f4f4f4; height:42px; font-size: 14px;}
.top-nav{ flex-direction: row; justify-content: space-between; color:#6f7378; height:42px; align-items: center;}
.top-nav .title,.top-nav .content a:link,.top-nav .content a:visited{color:#a7a6a5;}
.top-nav .content{display:flex; flex-direction: row; align-items: center;}
.top-nav span{color:#3b91e0; font-size: 16px;}
.wrapper{ width:1200px; margin:auto;}
.menu{ flex-direction: row; justify-content: space-between; }
.menu .list{ display: flex; flex-direction: row; align-items: center; justify-content: flex-end; font-size: 20px; color:#666;}
.menu .list a:link,.menu .list a:visited{ color:#666; text-decoration: none;}
.menu .list>.iconfont{ font-size: 22px;}
.menu .list>.iconfont.iconwechat{ font-size: 24px;}
.menu .list>.title{ padding-right:30px; margin-right:30px; border-right: #ccc 1px solid;  padding-left:10px;}
.menu .list>.title.c-blue,.menu .list>.title.c-blue a:link,.menu .list>.title.c-blue a:visited{ color:#3b91e0;}
.menu .list>.title:last-child{padding-right:0; margin-right:0; border-right:transparent;}
.header .download,.header .download2{ position:absolute;z-index:9999; width: 130px; height:176px; background-color:#fff; margin-left:-50px; -webkit-box-shadow:0 0 2px 2px #dadadb;  
-moz-box-shadow:0 0 2px 2px #dadadb; box-shadow:0 0 2px 2px #dadadb; margin-top:117px; text-align: center; font-size:16px; font-weight: 300; color:#f95505;
line-height: 30px;}
.header .download2{ margin-left:80px;}
.header .download img,.header .download2 img{ width:90%; margin-top:8px;}
.header .download .arrow,.header .download2 .arrow{ box-shadow:2px 2px 2px #dadadb; background-color:#fff; transform:rotate(-135deg); -ms-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg); -o-transform:rotate(-135deg); width:14px; height:14px; margin:-6px 16px 0px auto;}
.header .download2 .arrow{ box-shadow:2px 2px 2px #fff; background-color:transparent; margin-top:-7px;}
/* 底部 */
.footer{ display:flex; flex-direction: column; justify-content: center; align-items: center; height:144px; line-height: 40px; background-color:#272c2e; color:#999;}
.footer a:link,.footer a:visited{ color:#999; text-decoration: none;}
.footer a:hover{ color:#999; text-decoration: underline;}

/*每个页面公共css */
a:link,a:visited{ text-decoration: none; color:#1a1a1a;}
.relative{position: relative;}
.absolute{position:absolute;}
.wrap{flex-wrap: wrap;}
.flex{display: flex;}
.flex.column{flex-direction: column;}
.t-l{text-align: left;}
.t-r{text-align:right;}
.t-c{text-align:center;}
.t-justify{text-align:justify;text-justify:inter-ideograph;}
.break-all{word-break: break-all;}
.white-space-nowrap{white-space:nowrap;}
.b{font-weight: bold;}
.pointer{ cursor: pointer;}
/* 字号 */
.s-7{font-size: 7px;}
.s-9{font-size: 9px;}
.s-10{font-size: 10px;}
.s-11{font-size: 11px;}
.s-12{font-size: 12px;}
.s-13{font-size: 13px!important;}
.s-14{font-size: 14px;}
.s-15{font-size: 15px;}
.s-16{font-size: 16px;}
.s-18{font-size: 18px;}
.s-20{font-size: 20px;}
.s-22{font-size: 22px;}
.s-24{font-size: 24px;}
.s-25{font-size: 25px;}
.s-30{font-size: 30px;}
.s-32{font-size: 32px;}
.s-34{font-size: 34px;}
.s-36{font-size: 36px;}
.s-40{font-size: 40px;}
.s-60{font-size: 60px;}
/* 文本颜色 */
.c-f{color: #fff;}
.c-blue{color: #3b92e2;}
.c-tab-blue{color: #3a89ff;}
.c-light-blue{color: #a2cef7;}
.c-text-blue{color:#3d83e3;}
.c-orange{color: #ff8f56;}
.c-0{color: #000;}
.c-3{color: #333;}
.c-5{color: #515151;}
.c-6{color: #666;}
.c-7a{color: #7a7a7a;}
.c-8{color: #888;}
.c-9{color: #999;}
.c-87{color: #878787;}
.c-b{color: #b8b8b8;}
.c-c{color: #ccc;}
.c-d{color: #d6d6d6;}
.c-red{color: #fd2206;}
.c-deep-orange{ color:#f94900;}
.c-o{ color:#fd6810;}
.c-yellow{ color:#ff8d00;}
.c-b2d3f7{ color:#b2d3f7;}

/* 背景颜色 */
.bg-white{background: #fff;}
.bg-blue{background: #3b92e2;}
.bg-9{background: #999;}
.bg-e{background: #eee;}
.bg-fa{background: #fafafa;}
.bg-gray{background: #eff2f6;}
.bg-pink{background: #fc9d93;}
.bg-linear-blue{
	background: -webkit-linear-gradient( to right ,#3092ff, #036dff);
	background: -moz-linear-gradient( to right ,#3092ff, #036dff);
	background: linear-gradient( to right ,#3092ff, #036dff);
}
/* 宽度 */
.w-full{width: 100%;}
.w-pre20{width: 20%;}
.w-pre30{width: 30%;}
.w-pre39{width: 39%;}
.w-pre40{width: 40%;}
.w-pre49{width: 49%;}
.w-pre50{width: 50%;}
.w-pre60{width: 60%;}
.w-pre84{width: 84%;}
.w-pre90{width: 90%;}
.w-8{width: 8px;}
.w-16{width: 16px;}
.w-22{width: 22px;}
.w-25{width: 25px;}
.w-30{width: 30px;}
.w-80{width: 80px;}
/* 高度 */
.min-height15{min-height: 15px;}
.h-22{height: 22px;}
.h-25{height: 25px;}
.h-30{height: 30px;}
.h-60{height: 60px;}
.h-128{height: 128px;}
/* padding */
.p10{padding: 10px;}
.p20{padding: 20px;}
.p8{padding: 8px 10px;}
.p-t0{padding-top: 0px;}
.p-t5{padding-top: 5px;}
.p-t7{padding-top: 7px;}
.p-t8{padding-top: 8px;}
.p-t10{padding-top: 10px;}
.p-t15{padding-top: 15px;}
.p-t20{padding-top: 20px;}
.p-r1{padding-right: 1px;}
.p-r2{padding-right: 2px;}
.p-r3{padding-right: 3px;}
.p-r5{padding-right: 5px;}
.p-r7{padding-right: 7px;}
.p-r8{padding-right: 8px;}
.p-r10{padding-right: 10px;}
.p-r40{padding-right: 40px;}
.p-b5{padding-bottom: 5px;}
.p-b8{padding-bottom: 8px;}
.p-b10{padding-bottom: 10px;}
.p-b15{padding-bottom: 15px;}
.p-b20{padding-bottom: 20px;}
.p-l0{padding-left: 0px;}
.p-l2{padding-left: 2px;}
.p-l3{padding-left: 3px;}
.p-l5{padding-left: 5px;}
.p-l7{padding-left: 7px;}
.p-l8{padding-left: 8px;}
.p-l10{padding-left: 10px;}
.p-l12{padding-left: 12px;}
.p-l15{padding-left: 15px;}
.p-l20{padding-left: 20px;}
.p-l35{padding-left: 35px;}
.p10-15{padding: 10px 15px;}

/* marigin */
.m-auto{margin:auto;}
.m-t-7{margin-top: -7px;}
.m-t-2{margin-top: -2px;}
.m-t5{margin-top: 5px;}
.m-t7{margin-top: 7px;}
.m-t10{margin-top: 10px;}
.m-t14{margin-top: 14px;}
.m-t20{margin-top: 20px;}
.m-t40{margin-top: 40px;}
.m-t92{margin-top: 92px;}
.m-r5{margin-right: 5px;}
.m-r10{margin-right: 10px;}
.m-l-5{margin-left: -5px;}
.m-l5{margin-left: 5px;}
.m-l20{margin-left: 20px;}
.m-b15{ margin-bottom:15px;}
.m-b30{ margin-bottom:30px;}
/* 行高 */
.l-h18{line-height: 18px;}
.l-h20{line-height: 20px;}
.l-h30{line-height: 30px;}
.l-h35{line-height: 35px;}
/* 边框 */
.b-bf0{border-bottom: 1px solid #f0f0f0;}
/* 圆角 */
.r3{border-radius: 3px;}
/* 按钮 */
.btn-linear-blue , .btn-linear-blue:active{
	background: -webkit-linear-gradient( to right ,#3292ff, #026ffe);
	background: -moz-linear-gradient( to right ,#3292ff, #026ffe);
	background: -o-linear-gradient( to right ,#3292ff, #026ffe);
	background: linear-gradient( to right ,#3292ff, #026ffe);
	color: #fff;
	box-shadow: 3px 0 6px rgba(2, 111 , 254, .2);
}
/* box-shadow */
.shadow-blue{box-shadow: 0 1px 5px #d9e6fa;}
/* 设置placeholder值 */
.city-placeholder{color: #000;}

/*  */
/* uni-image>div, uni-image>img{width: 100%;height: 1px;} */
.side-line{
	width: 4px;
	height: 15px;
	background: -ms-linear-gradient(to bottom,#387eed,#5798f2);
	background: -webkit-linear-gradient(to bottom,#387eed,#5798f2);
	background: -o-linear-gradient(to bottom,#387eed,#5798f2);
	background: linear-gradient(to bottom,#387eed,#5798f2);
}

/*单行溢出隐藏，适用于品牌标题等展示*/
.f-h-1{height:22px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.f-h-26{height:26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;flex: 1;}/*用于车辆有样式的隐藏*/
.f-h-41{height:41px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;flex: 1;}/*用于车辆有样式的隐藏*/
.f-h-50{height:50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;flex: 1;}/*用于车辆有样式的隐藏*/	

/* 多行溢出 */
.ellipsis-44{ height:44px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/* 添加车辆页面 汽车状态 */
 .car-switch uni-switch .uni-switch-input{  background: #2e85e6!important;}
 .car-switch uni-switch .uni-switch-input:before{background: #2e85e6;}