@charset "utf-8";
/* 
类型：爱车公社移动端首页样式
作者：杨涛
日期：2015-12-07 12:20
心情：★★★☆☆
兼容：IE9+、-webkit-、-moz-
备注：
*/

/*外层body*/
#body{ width:100%; height:100%; position:relative; overflow:hidden; background:#10253a url(../icon/index_bg.jpg) no-repeat; background-size:cover;
	-webkit-backface-visibility:hidden;/*清除频繁闪烁或抖动*/
	-webkit-perspective:1000;/*清除频繁闪烁或抖动*/
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;/*滚动方式为触摸滑动*/
}
#index_content{ left:-100%;}
.ico_box{ 
	position:absolute; bottom:.5rem; left:50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
	z-index:9;
}
.ico_box span{ display:inline-block; width:.25rem; height:.25rem; border-radius:50%; background:white; margin:0 .2rem;}
.ico_box span.on{ background:#57b382; }

.touch_box{
	height:100%;
	position:relative;
	display: -moz-box;  /* Firefox */ 
	display: -ms-flexbox;    /* IE10 */ 
	display: -webkit-box;    /* Safari */  
	display: -webkit-flex;    /* Chrome, WebKit */ 
	display: box;  
	display: flexbox;  
	display: flex;
	
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	
	-moz-transition-property:all;
	-webkit-transition-property:all;
	-o-transition-property:all;
	transition-property:all;
	
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s; 
	transition-duration: .3s;
	-webkit-backface-visibility:hidden;/*频繁闪烁或抖动*/
	-webkit-perspective:1000;/*清除频繁闪烁或抖动*/
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;/*滚动方式为触摸滑动*/
}

.touch_box > .touch_slide{ 
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	width:100% !important;
	position:relative;
}
.scale{
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
			
	-moz-transition-property: transform;
	-webkit-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-backface-visibility:hidden;/*清除频繁闪烁或抖动*/
	-webkit-perspective:1000;/*清除频繁闪烁或抖动*/
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;

}
.noduration{
	-moz-transition-duration: 0s !important; /* Firefox 4 */
	-webkit-transition-duration: 0s !important; /* Safari 和 Chrome */
	-o-transition-duration: 0s !important; /* Opera */	
	-ms-transition-duration: 0s !important; /* Opera */	
	transition-duration: 0s !important;
}

.small_active{
	-webkit-transform:scale(.9,.9) !important;
	-moz-transform:scale(.9,.9) !important;
	-o-transform:scale(.9,.9) !important;
	transform:scale(.9,.9) !important; 
}

/*隐藏菜单*/
.index_menu{ color:white; font-size:.7rem;}
.index_menu .index_menu_1{padding-left:5.7rem; padding-top:1.2rem; padding-right:.7rem;}
.index_menu .user_head{ padding-bottom:.75rem; border-bottom:1px solid rgba(255,255,255,.3); position:relative; color:white;}
.index_menu .user_head span{ display:block; height:2.5rem; text-align:left;}
.index_menu .user_head .photo_head{ width:2.5rem; border-radius:100%; border:.1rem solid #ffffff; overflow:hidden;}
.index_menu .user_head .photo_head img{ width:100%; height:100%;}
.index_menu .user_head .user_name{ padding-top:.25rem; padding-left:.55rem;}
.index_menu .user_head .user_name big{ display:block; font-size:.8rem;}
.index_menu .user_head .user_name em{ color:#fdb32e; font-style:normal;}
.user_menu{ opacity:.8;}
.user_menu span{ display:block; height:2.75rem; line-height:2.75rem; border-bottom:1px solid rgba(255,255,255,.2); position:relative;}
.user_menu a{ display:block; width:100%;}
.user_menu *{ color:white;}
.user_menu i.ico{ font-size:1rem; margin-right:.5rem; top:-.15rem;}
.user_menu i.shouc{ font-size:.8rem;}
.user_menu i.xiaoxi{ font-size:1.2rem; margin-right:.25rem; left:-.2rem;}
.user_menu span:after,.index_menu .user_head:after{
	content:"\e61f";
	font-family:"bbcfont" !important;
	font-weight: normal;
	font-variant: normal;
	font-style:normal;
	font-size:.6rem;
	color:#ffffff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.005rem;
	-moz-osx-font-smoothing: grayscale;
	position:absolute; top:0; right:0; opacity:.5;
}
.user_head:after{ line-height:2.5rem;}