@charset "utf-8";
/* 
类型：爱车公社移动端公共样式
作者：杨涛
日期：2015-12-07 12:20
心情：★★★☆☆
兼容：IE9+、-webkit-、-moz-
备注：
*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,select,abbr,article,aside,audio,bdi,canvas,data,datalist,details,dialog,figcaption,figure,footer,header,hgroup,main,mark,meter,nav,output,picture,progress,section,summary,template,time,video {
	margin:0;
	padding:0;
}
header,footer,nav,section,article{ display:block;}
html{font-size:40px; }
*,:after,:before{margin:0;padding:0;
-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing:border-box !important;
}
html,body{
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;/*优化触屏滚动*/
	-webkit-user-select:none; -moz-user-select: none;  -ms-user-select: none;-o-user-select: none; user-select: none; /*禁止用户复制*/
	-webkit-touch-callout:none; touch-callout:none;/*禁用系统长按菜单*/
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); tap-highlight-color:rgba(0, 0, 0, 0);/*去掉点击高亮*/
	font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; 
	/*前2是英文字体，之后分别是：设备默认字体、微软雅黑（PC）、苹果黑体（mac）、文泉驿微米黑、宋体、通用适配字体*/
	color:#767676; 
	outline:0;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;/*加上这个可以使mac下safari和chrome，反锯齿，平滑字体表现一致*/
	-webkit-text-size-adjust: 100%;/*iPhone 横屏默认会放大文字，设置text-size-adjust会解决这个问题*/
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	height:100%;
}
body{ min-width:300px !important; max-width:1024px !important; margin:0 auto; font-size:.5rem;}
ul,li {list-style:none;}
input,select{ outline:none;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; font-size:.6rem; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{color:#4c4c4c;text-decoration:none;}
a:link{}
a:visited{ color:inherit;}
a:hover{}
a:active{}
a img{ border:0;}
img{vertical-align:middle; }
/*清浮*/
.clear:after{content:""; display:table; height:0; clear:both; font-size:0; visibility:hidden;}
.clear{zoom:1; *+height: 1%;}
/*投影*/
.boxshadow{
	border-bottom:1px solid #e1e1e1; 
	box-shadow:0 0 2px rgba(0,0,0,.2); 
	border-radius:4px; 
	background:white;
}
/*网格*/
.flex_box{
    display:-moz-box;
    display:-webkit-box;
	display: -ms-flexbox;
    display:box;
	width:100%;
	text-align:center;
}
.flex_box > li{
	display:block;
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
}
.flex_1{
	display:block;
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
}
.flex_2{
	display:block;
    -moz-box-flex:2;
    -webkit-box-flex:2;
    box-flex:2;
}
.flex_3{
	display:block;
    -moz-box-flex:3;
    -webkit-box-flex:3;
    box-flex:3;
}
.flex_4{
	display:block;
    -moz-box-flex:4;
    -webkit-box-flex:4;
    box-flex:4;
}
.pointer{pointer-events:none;}/*无视鼠标*/
/*文字溢出省略号*/
.text_overflow{ display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*多行文字溢出省略号*/
.text_overflow_rows{
  width:100%;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /*这里修改为要显示的行数*/
  -webkit-box-orient: vertical;
}

/*内容垂直居中对齐*/
.vertical_box{font-size:0; text-align:center; height:100px;}/*居中容器*/
.vertical_box:before{ content:''; display:inline-block; height:100%; vertical-align:middle;}
.vertical_box .vertical_middle{ display:inline-block; font-size:.6rem; vertical-align:middle;}/*子元素垂直居中*/
.vertical_box .vertical_bottom{ display:inline-block; font-size:.6rem; vertical-align:bottom;}/*子元素垂直居底*/

/*自定义颜色和背景*/
.blue{ color:#0e90d2 !important;}
.cyan{ color:#3bb4f2 !important;}
.success{ color:#5eb95e !important;}
.warning{ color:#f37b1d !important;}
.error{ color:#dd514c !important;}
.green{color:#57b382 !important;}
.bg_blue{ background-color:#0e90d2;}
.bg_cyan{ background-color:#3bb4f2;}
.bg_green{ background-color:#5eb95e;}
.bg_orange{ background-color:#f37b1d;}
.bg_red{ background-color:#dd514c;}

/*鼠标动画*/
.transition{
	transition:all 0s ease 0s;
	-moz-transition:all 0s ease 0s;
	-webkit-transition:all 0s ease 0s;
	-o-transition:all 0s ease 0s;
}

/*透明度*/
.opacity{
	filter:alpha(opacity=70);
	-webkit-opacity:.7;
	-moz-opacity:.7;
	opacity:.7;
}

/*保留文本段落格式*/
.pre{
	white-space:pre-wrap; 
	*white-space: pre; 
	*word-wrap: break-word;
}



/*表格重定义*/
.table{
	width:100%;
	/*table-layout:fixed;*/
    border-collapse: collapse;
    border-spacing: 0; 
    border: 1px solid #e0e0e0;
	background:white;
}
.table th{
	padding: 10px;
	border:1px #ddd solid;
	border-width: 0 0 0 1px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:600;
	background:#f4f4f4;
	white-space: nowrap;
}
.table td{
	padding:0 10px;
	height:35px;
	line-height:35px;
	border:1px #ddd solid;
	border-width: 0 0 0 1px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	max-width:100px;
	white-space: nowrap; 
	-webkit-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	text-overflow:ellipsis; 
	overflow:hidden;
}

/*取消select的右侧小三角按钮*/
.select{
appearance:none !important;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}


/*动画事件*/
.action{ 
	-webkit-animation: action 2s ease;
	-moz-animation: action 2s ease;
	-ms-animation: action 2s ease;
	-o-animation: action 2s ease;
	animation: action 2s ease;
}
@-webkit-keyframes action{from{}to{}}
@-moz-keyframes action{from{}to{}}
@-ms-keyframes action{from{}to{}}
@-o-keyframes action{from{}to{}}
@keyframes action{from{}to{}}

/*iPad横板显屏*/
@media screen and (max-device-width: 1024px) and (orientation: landscape) {

}
/*iPad竖板显屏*/
@media screen and (max-device-width: 768px) and (orientation: portrait) {

}
/*iPhone4小尺寸设备*/
@media screen and (min-device-width: 320px) and (min-device-width: 480px) {

}
/*窗口尺寸*/
@media screen and (max-width: 1024px) {

}
/*窗口尺寸*/
@media screen and (min-width: 320px) and (max-width: 1200px) {

}

/*主体内容*/
.index_box{ height:100%; overflow:hidden; background:white; position:relative;}
/*topbar*/
#topbar{
	position:absolute; top:0; left:0;width:100%; height:2rem; line-height:2rem; color:white; text-align:center; font-size:.8rem;box-shadow:0 .1rem .1rem rgba(9,9,9,.2); z-index:9;
/*渐变*/
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#41a976', endColorstr = '#2c9f67');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#41a976', endColorstr = '#2c9f67')";
	background-image: -moz-linear-gradient(top, #41a976, #2c9f67);
	background-image: -ms-linear-gradient(top, #41a976, #2c9f67);
	background-image: -o-linear-gradient(top, #41a976, #2c9f67);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#41a976), to(#2c9f67));
	background-image: -webkit-linear-gradient(top, #41a976, #2c9f67);
	background-image: linear-gradient(top, #41a976, #2c9f67);
}
#topbar *{ color:white;}
#topbar .hidden_menu{ position:absolute; top:0; left:0; width:2rem; height:2rem;}
#topbar .right_click{ position:absolute; top:0; right:0; height:2rem;}
#topbar .right_click #city{ font-size:.6rem;}
#topbar .toptitle{ display:inline-block;}
#topbar .top_logo{ width:2.525rem; height:auto;}
.hidden_menu i.ico{ font-size:1rem;}
.right_click i.jt_down{ font-size:.6rem; margin-right:.5rem;}

#over_box{width:100%; height:100%; overflow:hidden; overflow-y:auto;
-webkit-backface-visibility:hidden;/*频繁闪烁或抖动*/
-webkit-perspective:1000;
-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;
}
#over_box_1{ background:white; padding-bottom:2.45rem;}
/*#over_box_1::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(200,200,200,.1);
  width: .1rem;
  height: .1rem;
}
#over_box_1::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  background-color: rgba(200,200,200,.15);
}*/
/*downbar*/
#downbar{
	position:absolute; bottom:0; left:0; width:100%; height:2.45rem; box-shadow:0 -.025rem .1rem rgba(9,9,9,.1); z-index:9;
/*渐变*/
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')";
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(top, #ffffff, #eeeeee);
}
#downbar a{ display:block; height:2.45rem; padding-top:.2rem; font-size:.4rem; color:#666;}
#downbar i.ico{ display:block; font-size:1rem; height:1.25rem; width:1.25rem; overflow:hidden; margin:0 auto; color:#666;}
#downbar i.home{ font-size:.8hrem; top:.05rem;}
#downbar i.fax{ font-size:1.1rem; top:-.05rem;}
#downbar i.zhend{ top:.08rem;}
#downbar i.zhis{ font-size:.95rem; top:.1rem;}
#downbar i.fuwu{}
#downbar a.on,#downbar a.on i.ico{ color:#57b382;}

.person_img{ position:absolute; left:0; bottom:3rem; width:1.6rem; height:1.6rem; padding:.05rem;  border-radius:50%; overflow:hidden; background:rgba(255,255,255,1); box-shadow:0 0 .2rem rgba(0,0,0,.5);}
.person_img a{ display:block; width:1.5rem; height:1.5rem !important; padding:0 !important;}
.person_img img{ width:100%; height:100%;border-radius:50%;}


/*列表list_bix*/
.list_bix li{ padding:.5rem .4rem; border-bottom:1px solid #eee;}
.list_bix .lt_img{ display:block; width:4.25rem; height:2.575rem;}
.list_bix .lt_img img{ width:100%; height:100%;}
.list_bix .flex_1{ text-align:left; padding-left:.5rem;}
.list_bix .lt_info{ position:relative; padding:0 2rem 0 .5rem;}
.list_bix .flex_1 big{ display:block; font-size:.6rem; margin-bottom:.1rem;}
.list_bix .flex_1 .lt_info_1{ display:block; color:#999; margin-bottom:.1rem; font-size:.5rem;}
.list_bix .flex_1 .lt_info_2{ display:block; font-style:normal; color:#999; font-size:.5rem;}
.list_bix .flex_1 em{ position:absolute; top:0; right:0; font-style:normal;}
.list_bix .flex_1 em i.ico{ font-size:1.5rem; color:#ccc; width:1.5rem; height:1.8rem; overflow:hidden;}
.list_bix .flex_1 em.on i.sjrz{color:#ff551a;}
.list_bix .flex_1 em.on i.strz{color:#fdb32e;}
.list_bix .flex_1 .renz_sj{right:1.2rem;}
.list_bix .flex_1 .renz_st{}

.bbc_bottom_info{ padding:.5rem 0; text-align:center; color:#999; font-size:.4rem; background:#f4f4f4; border-top:1px solid #eee;}

/*hot_sale 优惠活动*/
.index_title{ height:1.5rem; line-height:1.5rem; text-align:center; position:relative; background:#f4f4f4;}
.index_title span{ display:inline-block; font-size:.6rem; color:#ff551a; padding:0 .55rem; background:#f4f4f4; position:relative; z-index:1;}
.index_title:before{ content:""; position:absolute; top:50%; left:5%; width:90%; height:1px; background:#ccc;}
.hot_sale{ background:#fff;}
.hot_sale .hs_box{ width:100%; overflow:hidden;}
.hot_sale .hs_box ul{}
.hs_box li{ width:33.3%; float:left; border-bottom:1px solid #eee; border-right:1px solid #eee; padding-bottom:.5rem; padding-top:.5rem;}
.hs_box li span{ display:block; width:3.825rem; margin:0 auto; overflow:hidden;}
.hs_box li .hs_img{ height:3.825rem;}
.hs_box li .hs_img img{ height:100%;}
.hs_box li .hs_name{ margin:.2rem auto;}
.hs_box li .hs_price{ color:red;}

.add_more{ margin-top:.5rem; background:#fff;}
.add_more a{ display:block; height:2rem; text-align:center; line-height:2rem; font-size:.5rem; color:#bbb; }

/*全局提示*/
.bbc_tip{ position:fixed; top:50%; left:50%;  padding:.5rem .75rem; border-radius:.1rem; color:white !important; background:rgba(0,0,0,.5); z-index:999;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
}
.title2{ padding:.5rem; border-bottom:1px solid #eee; background:#fff;}
.title2 div{ padding-left:.5rem; font-size:.7rem; color:#333; border-left:.2rem solid #ee0000; position:relative;}


/*上拉加载*/
.bbc_list{
	position:relative;
	top:0;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	
	-webkit-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:.5s;
	transition-duration:.5s;
	
	-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
	transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
	
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000;
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;
}
.noduration{
	-webkit-transition-duration: 0s !important; /* Safari 和 Chrome */
	transition-duration: 0s !important;
}

.dbtang{ 
	animation-name:dbtang;
	-webkit-animation-name:dbtang;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-delay:0s;
	animation-delay:0s;
	-webkit-animation-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
	animation-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
}
@-webkit-keyframes dbtang{
	0%{	
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	50%{
		-webkit-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@keyframes dbtang{
	0%{	
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	50%{
		-webkit-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}