@charset "utf-8";
/* 
类型：爱车公社移2016全局样式
作者：杨涛
日期：2016-01-29 12:18
心情：★★★★☆
兼容：ie(6+)、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 {
	margin:0;
	padding:0;
}
html,body{
	font-family: "Open Sans",Arial,"Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; 
	/*前2是英文字体，之后分别是：微软雅黑（PC）、苹果黑体（mac）、文泉驿微米黑、宋体、通用适配字体*/
	font-size:14px; 
	color:#333; 
	outline:0;
	-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%;
	/*letter-spacing: 0.4px;*/
	background:#f4f4f4;
}
input,select,button{font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}
ul,li {list-style:none;}
a{ color:#333; text-decoration:none; cursor:pointer;
transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
}
a:hover{ color:#0089dc; text-decoration:none;}
a img{ border:0;}
/*鼠标选中样式*/
::selection { background:#cbeeda; color:#333; } 
::-moz-selection { background:#cbeeda; color:#333; } 
::-webkit-selection { background:#cbeeda; color:#333; }
/*全局视宽*/
.wrapper{ width:1200px; margin:0 auto;}
@media screen and (min-width: 320px) and (max-width: 1200px) {
.wrapper{ width:100%;}
}
/*清浮*/
.clear:after{content:""; display:table; clear:both; height:0; font-size:0; visibility:hidden;}
.clear{zoom:1; *+height:1%;}


/*文字移除隐藏*/
.text-overflow{
	display:inline-block;
	white-space: nowrap; 
	-webkit-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	text-overflow:ellipsis; 
	overflow:hidden;
}

/*动画*/
.transition{
	transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
}
.maoboli{
    -moz-filter: blur(15px);
    -webkit-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

/*按钮*/
.mibtn{ display:inline-block; height:2.333em; line-height:2.333em; padding:0 30px; margin:0 8px; font-size:16px; background:#fff; color:#333; border-width:1px; border-style:solid; border-color:rgba(6,6,6,.1); cursor:pointer; transition-duration:0s; -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s;}
.ie .mibtn{border-color:#ddd;}/*ie hack*/
.mibtn:hover{ color:#333;}
.mibtn:active{ border-color:rgba(0,0,0,.2);}
.mibtn:visited{}
.mibtn.active{ background:#04be02; color:#fff;}
.mibtn.active:active{ color:rgba(255,255,255,.5);}
.bc{ background-color:#39ac6a; border-color:#39ac6a;}/*背景边框颜色*/
.tc{ color:#39ac6a;}/*字体颜色*/
/*滚动条样式*/
.scrollstyle::-webkit-scrollbar {-webkit-appearance: none; background-color: rgba(255,255,255,.5); width: 5px; height: 5px;}
.scrollstyle::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(3,3,3,.5);}
/*箭头样式*/
.ico_jt_boder:before{ 
content:""; position:absolute; top:-22px; left:50%; margin-left:-10px; width:0; height:0; font-size:0;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #ddd transparent;
border-width:10px;
}
.ico_jt:after{ 
content:""; position:absolute; top:-20px; left:50%; margin-left:-10px; width:0; height:0; font-size:0;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #fff transparent;
border-width:10px;
}
.ico_jt_left:after{ 
content:""; position:absolute; top:-20px; left:25%; margin-left:-10px; width:0; height:0; font-size:0;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #fff transparent;
border-width:10px;
}
/*阴影*/
.box_shadow{ box-shadow:0 0 5px rgba(6,6,6,.3); -webkit-box-shadow:0 0 5px rgba(6,6,6,.3); -moz-box-shadow:0 0 5px rgba(6,6,6,.3); -ms-box-shadow:0 0 5px rgba(6,6,6,.3);}




/*全局弹窗*/
.dialog_window{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../icon/dialog_window_bg.png) repeat; 
cursor:-webkit-grab; cursor:grab; _position:absolute; z-index:9; overflow:hidden;}
.dw_body{ position:absolute; width:50%; overflow:hidden;background-color:#fff; outline-width:10px; outline-style:solid; outline-color:rgba(3,3,3,.2); cursor:auto;}
.ie .dw_body{outline-color:#999;}/*ie hack*/
.dw_body.center{ top:50% !important; left:50% !important;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.ie .dw_body.center{ left:10% !important; top:10% !important; }/*ie hack*/
.dw_body.big{ width:80%;}
.dw_body.medium{ width:70%;}
.dw_title{ position:relative; height:44px; line-height:44px; padding-left:20px; border-bottom:1px solid #eee; cursor:move;}
.dw_title_fixed{ cursor:auto;}
.dw_title .dw_close{ position:absolute; top:0; right:10px; width:44px; height:44px; text-align:center; font-size:32px; font-weight:normal; color:#bbb; cursor:pointer;}
.dw_title .dw_txt{ font-size:20px;}
.dw_box{ padding:20px; min-height:80px; _height:auto !important; _height:80px; max-height:400px; _height:expression(this.scrollHeight > 400 ? "400px":"auto"); overflow:hidden; overflow-y:auto;}
.dw_btn{ padding:10px; background:#f6f6f6; text-align:center;}

/*全局定位*/
#city_map_box .dw_body{ outline:none; background:none; overflow:visible;}
.cm_input_box{ position:relative; background:#fff; height:56px; line-height:56px; outline-width:10px; outline-style:solid; outline-color:rgba(3,3,3,.2); z-index:1;}
.cm_input_adress{ float:left; width:15%; height:56px; position:relative; text-align:center; font-size:20px; cursor:pointer;}
.cm_input_adress:after{ 
content:""; position:absolute; top:25px; right:15px; width:0; height:0; font-size:0;
border-style: solid dashed dashed dashed;
border-color: #999 transparent transparent transparent;
border-width:5px;}
.cm_input_content{ float:left; width:55%; height:56px; overflow:hidden; position:relative;}
.cm_input_content:after{ content:""; position:absolute; top:15px; left:0; width:1px; height:26px; background:#ddd;}
.cm_input_content input{ width:100%; height:56px; border:none; outline:none; font-size:18px; text-indent:15px;}
.ie .cm_input_content input{ line-height:56px;}/*ie hack*/
.cm_input_button{ float:left; width:15%; height:56px;}
.cm_input_button .cm_btn{ display:block; width:100%; text-align:center; height:56px; line-height:56px; font-size:20px; color:#fff; border:none; outline:none; cursor:pointer;}
.search_map{ float:left; width:15%; height:56px; line-height:56px;}
.search_map a{ display:block; border-left:1px solid #fff; background:#00a9fa; color:#fff; font-size:20px; text-align:center; cursor:pointer;}
.cm_input_box .address_select{ visibility:hidden; position:absolute; left:0; top:120px; width:300px; opacity:0; line-height:normal; padding:15px 20px; padding-bottom:30px; background:#fff;}
.cm_input_box .address_select.animated{ visibility:visible; top:76px; opacity:1; }
.cm_input_box .address_select .as_1{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
.cm_input_box .address_select .as_2{ display:block;}
.cm_input_box .address_select .as_2 li{overflow:hidden; margin-bottom:10px; border-bottom:1px solid #eee;}
.cm_input_box .address_select .tc{ float:left; width:15%; padding-top:3px;}
.cm_input_box .address_select .as_city{ float:left; width:85%;}
.cm_input_box .address_select .as_city a{ display:inline-block; margin-right:15px; margin-bottom:10px;}
/*地图*/
.cm_map{ display:none; position:relative; margin-top:20px; background:#fff; outline-width:10px; outline-style:solid; outline-color:rgba(3,3,3,.2); z-index:0;}
.cm_map_content{height:400px;overflow:hidden;}

/*多图切换效果*/
.flash_silde{ width:100%; height:auto; position:relative; overflow:hidden;}
.flash_silde .silde_wrapper{ width:100%; height:250px; position:relative; overflow:hidden; background:white;}
.flash_silde .img_load:before{ content:""; width:40px; height:40px; overflow:hidden; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; background:url(../icon/waiting.gif) no-repeat center center;}
.flash_silde .silde_wrapper .silde_list{ width:100%; float:left; text-align:center; position:relative;}
.flash_silde .silde_wrapper .silde_list img{ position:absolute; right:50%; margin-right:-960px;}
.flash_silde .silde_pagenation{ position:absolute; left:0; bottom:15px; width:100%; line-height:10px; text-align:center;}
.flash_silde .silde_pagenation span{ display:inline-block; width:10px; height:10px; overflow:hidden; margin:0 3px; border-radius:100%; background:white;}
.flash_silde .silde_pagenation span.on{ background:#57b382 ;}
.flash_silde .silde_pre{ position:absolute; top:50%; left:50%; margin-top:-17px; margin-left:-600px; width:35px; height:35px; overflow:hidden; background:url(../icon/pre.png) no-repeat 0 0; cursor:pointer; text-indent:-9999em; z-index:9999; display:none;}
.flash_silde .silde_next{ position:absolute; top:50%; left:50%; margin-top:-17px; margin-left:600px; width:35px; height:35px; overflow:hidden; background:url(../icon/pre.png) no-repeat -35px 0; cursor:pointer; text-indent:-9999em; z-index:9999; display:none;}

/*head*/
.head{ width:100%; height:36px; line-height:36px; background:#f2f2f2; border-bottom:1px solid #e5e5e5;}
.head_address{ float:left;}
.head_address i.ico{ margin-right:5px;}
.head_login{ float:right; text-align:right;}
.head_login .head_ubox{ position:relative;}
.head_login .hide_menu{ position:absolute; visibility:hidden; top:80px; right:0; opacity:0; width:80px;  padding:10px 15px; background:#fff; text-align:center;}
.head_login .hide_menu a{ display:block; line-height:32px;}
.head_login .head_ubox:hover .hide_menu{ visibility:visible; opacity:1; top:46px;}

