@charset "utf-8";
/* -----------H-ui前端框架-----------------------
H-ui.admin.css v1.0
Copyright H-ui Inc.
http://www.H-ui.net
date:2014.4.13
Created & Modified by guojunhui.
----------------------------------------------*/
/*---------程序员可自行修改皮肤------------------*/
body{font-size:14px;color:#333}/*全站默认字体颜色*/
a{color:#333}a:hover,a:focus,.maincolor,.maincolor a{color:#06c}
.bg-1{ background-color:#fffffe}
.Hui-header{background:url(../images/logo_area_bgxxxxxx.png) no-repeat #293846;border-bottom:#080808 1px solid;-moz-box-shadow: 0 0 4px #333333;-webkit-box-shadow: 0 0 4px #333333;box-shadow: 0 0 4px #333333}/*头部颜色*/
.Hui-aside{background-color:#293846;border-right: 1px solid #222}/*侧边栏*/
	.Hui-logo,.Hui-logo-m{color:#19AA8D}/*logo文字颜色*/
	.Hui-logo:hover,.Hui-logo-m:hover{color:#fff;text-decoration: none}
	#Hui-nav li a{ color:#999}/*头部导航文字颜色*/
	#Hui-nav li a:hover{ color:#fff}
	#Hui-nav li.current a,#Hui-nav li.current a:hover{ color:#fff; background-color:#111}/*导航高亮状态*/
	.menu_dropdown dt{color:#A7B1C2;border-bottom: 0px solid #222}/*左侧二级导航菜单*/
	.menu_dropdown li a{color:#A7B1C1;border-bottom: 0px solid #222;}
	.menu_dropdown li a:hover{color:#ffffff;/*background-color:#A7B1C1*/}
	.menu_dropdown li.current a,.menu_dropdown li.current a:hover{ /*background:#A7B1C1*/}
	 



/*--------------------H-uiAdmin-------------------------*/
html{height:100%}
body{min-height: 100%;position: relative}
a{color:#333}a:hover,a:focus,.maincolor,.maincolor a{color:#06c}
h4{line-height:30px}
/*页面框架*/
.Hui-header{ position:absolute;top:0; right:0; left:0;height:44px;z-index:99; overflow:hidden}
.Hui-aside{position: absolute;top:44px;bottom:0;left:0;padding-top:10px;width:199px;z-index:99;overflow:auto}
.Hui-article-box{position: absolute;top:44px;right:0;bottom: 0;left:199px; overflow:hidden}
	.Hui-article{position: absolute;top:40px;bottom: 0;left:0; right:0;overflow:auto;z-index:1}
.Hui-container{ padding:45px 0 0}

.Hui-aside,.Hui-article-box,.dislpayArrow{-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s}
.big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb{left:0px}
.big-page .Hui-aside{ left:-200px}

/*组件*/
	/*logo*/
	.Hui-logo,.Hui-logo-m{height:44px; margin-left:20px;cursor:pointer;font-size:16px; font-weight:bold; line-height:44px}
	.Hui-logo{display:inline-block;padding-right:5px}
	.Hui-logo:hover,.Hui-logo-m:hover{text-decoration:none; color:#21C1A1}
	.Hui-logo-m{display:none;width:45px;margin-left:10px}
	.Hui-subtitle{ font-size:12px; color:#eee; padding-top:15px}
	.viewhome{ line-height:44px; padding-right:15px}
	.viewhome a{ color:#FFF; padding-left:20px; background:url(../images/icon_link.png) no-repeat 0 center}
	
	/*导航*/
	#Hui-nav{ margin-left:200px; margin-right:100px}
	#Hui-nav li,#Hui-nav li a{height:44px; line-height:44px}
	.Hui-userbox{ position:absolute; top:8px; right:20px}
	.Hui-nav-toggle{ display:none; position:absolute; top:0px; right:10px; width:44px; height:44px; background:#333 url(../images/hamburger.gif) no-repeat center}
	/*左侧菜单*/
	.menu_dropdown dl{ margin-bottom:0}
	.menu_dropdown dt{display:block;font-weight: normal;line-height:45px;padding-left:15px;cursor:pointer;position:relative}
	.menu_dropdown dt .menu_dropdown-arrow{ position:absolute;overflow: hidden; top:0; right:15px;transition-duration:0.3s ;transition-property:all;}
	.menu_dropdown dd{ display:none; background:url(../images/left_current_bg.png)}
	.menu_dropdown dt.selected .menu_dropdown-arrow{transform: rotate(180deg);}
	.menu_dropdown dd.selected{display:block; margin-left:0px}
	.menu_dropdown ul{padding:0px}
	.menu_dropdown li{line-height:35px;overflow:hidden;zoom:1}
	.menu_dropdown li a{padding-left:15px; display:block;font-weight: bold; margin:0}
	.menu_dropdown li a i{ font-weight: normal;}
	.menu_dropdown dd ul{padding:3px 8px}
	.menu_dropdown dd li{line-height:32px}
	.menu_dropdown dd li a{line-height:32px;padding-left:24px; border-bottom:none; font-weight:normal}
	.menu_dropdown li a:hover{text-decoration:none}
	/*菜单收缩切换*/
	.dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0px; height:100%;z-index:10}
	.dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px; background:url(../images/icon_arrow.png) no-repeat 0 0; outline:none}
	.dislpayArrow a.open{ background-position:0 -61px}
	.dislpayArrow a:hover{ text-decoration:none; background-position:right 0}
	.dislpayArrow a.open:hover{background-position:right -61px}

	/*选项卡导航*/
	.Hui-tabNav{height: 40px; padding-right:75px;background: #ffffff url(../images/acrossTab-bg.png) repeat-x 0 bottom;overflow:hidden; position:relative}
	.Hui-tabNav-wp{position:relative; height:40px;overflow:hidden}
	.Hui-tabNav .acrossTab{ position:absolute; top:10px; left:0px}
	.loading {background:url(../images/loading_072.gif) no-repeat center; height:100px}
	.show_iframe iframe {position: absolute;bottom: 0;height: 100%;width: 100%}
	.Hui-tabNav-more {position: absolute;right:0px;width:70px;top:8px;display: none}

	/*面包屑导航*/
	.breadcrumb{background-color:#F5F5F5}

	/*页脚
		Name:			mod_footer
		Level:			Global
		Sample:			<footer class="footer"><p><a target="_blank" href="/feedback.html">意见反馈</a><cite>|</cite><a target="_blank" href="/about">关于XX</a><cite>|</cite><a target="_blank" href="/jobs.html">诚聘英才</a><br/>Copyright &copy;2012 guojunhui.com 郭俊辉版权所有 京ICP备10046298-4号</p></footer>
		Explain:页脚
		Last Modify:	jackying
	*/
	.footer{border-top:1px solid #E8E8E8;margin-top:20px;font-family:tahoma,Arial;font-size:12px;color:#999;line-height:22px;text-align:center}
	.footer p{padding-top:15px}
	.footer a,.footer a:hover{color:#999}
/*大屏幕*/
@media (min-width: 1200px){
  
}
/*横向平板*/
@media (min-width: 768px) and (max-width: 979px){
  
}

/*横向手机 竖向平板*/
@media (max-width: 767px) {
	html{ overflow-y:auto}	
	#Hui-nav{margin-left:130px!important; margin-right:60px}
	#Hui-nav li{width:24%;font-weight:bold;font-size:16px}
	#Hui-nav li a{ display:block}
		.Hui-nav-toggle{ display:block}
	.Hui-aside{ display:none;float:none; width:100%; height:auto; margin-top:0;padding-top:0;bottom:auto}
	.big-page .Hui-aside{ left:0!important}
	.Hui-subtitle,.dislpayArrow,.Hui-userbox,.Hui-tabNav{ display:none}
		.menu_dropdown dt{line-height:44px}
		.menu_dropdown li,.menu_dropdown dd li,.menu_dropdown dd li a{ line-height:44px}
  .Hui-tabNav{ position:fixed; z-index:998}
  .Hui-article-box{ position:static; left:0}
  .Hui-article-box .pd-20{padding:20px 10px}
		.Hui-article{left:0}
		.Hui-container .bk-gray{ border:none}
		.Hui-container .pd-10{ padding:0}
}
/*竖向手机*/
@media (max-width: 480px) {
	#Hui-nav{margin-left:50px!important;margin-right:60px}
		.Hui-logo{ display:none}
		.Hui-logo-m{ display:inline-block; padding-right:5px}
		.Hui-subtitle,.dislpayArrow,.Hui-userbox{ display:none}
  
}

/*==============以下是业务相关的样式====================*/
/*权限*/
.permission-list .item{ display:inline-block; float:left;white-space:nowrap; width:100px; padding:5px 0}
.permission-list b.item{ width:50px}

/*==================Tony 新增加的样式====================*/
.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;width:100%;height:100%;_padding:0 20px 0 0;background:#f6f4f5;display:none;}
.showbox{position:fixed;top:0;left:50%;z-index:9999;opacity:0;filter:alpha(opacity=0);margin-left:-80px;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html .showbox,*html .overlay{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#AjaxLoading{border:1px solid #8CBEDA;color:#37a;font-size:12px;font-weight:bold;}
#AjaxLoading div.loadingWord{width:180px;height:50px;line-height:50px;border:2px solid #D6E7F2;background:#fff;}
#AjaxLoading img{margin:10px 15px;float:left;display:inline;}







/*新的车辆品牌车系 Tony 15.4.12*/
.slider-nav{border:1px solid #ccc; height:25px; width:380px;background:#fff url(../images/icon_down.png) no-repeat right top; }
 .select-selected{width:356px;  height:25px; line-height:25px; cursor:pointer;}
          
 .selet-text {
    border: 0 none;
    color: #333;
    height: 33px;
    line-height: 25px;
    outline: 0 none;
    padding: 0 0 0 10px;
    cursor:pointer;
    font-size:14px;
    line-height:25px;
}

      
.blue_bord{border:solid 1px #4087e3}
.blue_bord_top{border-top:dashed 2px #9b9ed5}
.blue_bord{border:solid 2px #8bb0ca; border-radius:2px}
.bord_bottom{border-bottom:1px dashed #DBDBDB}
.bord_bm_s{border-bottom:1px #999 solid}

.tl{ text-align:left}
.tc{ text-align:center}
.tr{ text-align:right}
.bc{ margin-left:auto; margin-right:auto}
.fl{ float:left; display:inline}
.fr{ float:right; display:inline}
.cb{ clear:both}
.cl{ clear:left}
.cr{ clear:right}
.vm{ vertical-align:middle}
.pr{ position:relative}
.pa{ position:absolute}
.zoom{zoom:1}
.hidden{ visibility:hidden}
.none{ display:none}
.block { display:block}


.clear:after{content:"."; display:block; height:0px; clear:both;visibility:hidden}
.clear{ display:inline-block;display:block}
*html.clear{ height:1%}
.clearboth{ width:100%; height:0px; font-size:0; line-height:0px; clear:both; overflow:hidden; zoom:1}



.selectpop {
    cursor: default;
    display: block;
    font-family: "Microsoft YaHei";
    left:-3px;
    position: absolute;
    top: 36px;
    width: auto;
    z-index: 200;
}
.selectpop a, .selectpop a:hover {
    text-decoration: none;
}
.selectpop .PinPaiCheXiBox {
    background-color: #fafbfc;
    border: 1px solid #d0d0d0;
    float: left;
    min-width: 325px;
    position: relative;
}
.selectpop .box-width-01 {
    height: 424px;
    overflow: hidden;
    width: 343px;
}
.selectpop .box-width-02 {
    height: 424px;
    overflow: hidden;
    width: 640px;
}
.selectpop .PinPaiCheXiBox .PinPaiCheXiBox_Sub {
    float: left;
}
.selectpop .PinPaiCheXiBox_Sub .title-prov {
    color: #333;
    font: 400 14px/14px "";
    padding-bottom: 10px;
}
.selectpop .PinPaiCheXiBox a.icon16-close {
    background-position: -17px 2px;
    position: absolute;
    right: 10px;
    top: 8px;
}
.selectpop .PinPaiCheXiBox a.icon16-close:hover {
    background-color: #3b5998;
    background-position: 2px 2px;
    cursor: pointer;
}
.selectpop .PinPaiCheXiBox_Sub .BrandBox {
    background-color: #fff;
    float: left;
}
.selectpop .LetterBoxLink {
    width: 34px;
	height:480px;
	border-right:1px solid #d0d0d0;
	padding:5px 0;
	text-align:center;
	background:#f8f8f8;
}
.selectpop .LetterBoxLink a {
    color: #ff8010;
    display: inline-block;
    font-size:12px;
	font-family:Arial;
    height:22px;
	line-height:22px;
    margin-bottom: 2px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 22px;
}
.selectpop .LetterBoxLink a:hover {
    background: #dfdfdf;
	border-radius:15px;
	
}
.selectpop .LetterBoxLink .current {
    background: #dfdfdf;
	border-radius:15px;
	
}
.selectpop .LetterBoxLink a.disabled {
    background-color: #efefef;
    border: 1px solid #e3e3e3;
    color: #999;
    cursor: default;
    font: 12px/18px "";
}
.selectpop .BrandBox .BrandBox-main {
    float: left;
    margin: 1px 0;
    overflow-y: scroll;
    padding: 1px 0;
    position: relative;
}
.selectpop .BrandBox .prov-width-01 {
    height: 486px;
    /*width: 290px;*/
    width: 290px;
	z-index:2;
}
.selectpop .BrandBox .prov-width-02 {
    height: 486px;
    /*width: 137px;*/
    width: 290px;
	z-index:2;
}
.selectpop .BrandBox .prov-width-03 {
    height: 486px;
    width: 153px;
}
.selectpop .town-con-dl dd.town-btn a {
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 10px;
}
.selectpop .town-con-dl dd.town-btn .hover{
    background-color: #ff8010;
    color: #fff;
}
.selectpop .BrandBox-main a:hover, .selectpop .BrandBox-main a.selected {
    background-color: #ff8010;
    color: #fff;
}
.selectpop .BrandBox-main a:hover .red, .selectpop .BrandBox-main a.selected .red {
    color: #fff;
}
.selectpop .BrandBox-main .town-con-dl {
	border-bottom:1px solid #e8e8e8;
	padding-bottom:5px;
}
.selectpop .town-con-dl dt {
    color: #ff8010;
    font: 14px/26px "微软雅黑";
    height: 26px;
    padding-left: 10px;
}

.icon10-down1 {
	background:url(../images/icon_down.png) no-repeat;
	height:29px;
	width:29px;
	display:inline-block;
}



/*品牌车系结束*/




.checkmsg{vertical-align:middle; display:inline; height:25px; line-height:25px;border:0px solid #cccccc;padding:2px 20px;}

 /*Tony  新表单样式*/
.lireset2{padding-left:10px;}
.registerform{margin-bottom:40px;}
.registerform .need{
	width:10px;
	color:#b20202;
}
.registerform td{
	padding:5px 0;
	vertical-align:top;
	text-align:left;
}
.registerform .inputxt,.registerform textarea{
	border:1px solid #a5aeb6;
	width:196px;
	padding:4px 2px;
}
.registerform textarea{
	height:75px;
}
.registerform label{
	margin:0 15px 0 4px;
}
.registerform .tip{
	line-height:20px;
	color:#5f6a72;
}
.registerform select{
	width:202px;
}
.registerformalter select{
	width:124px;
}
.swfupload{
	vertical-align:top;
}
.passwordStrength{

}
.passwordStrength b{
	font-weight:normal;
}
.passwordStrength b,.passwordStrength span{
	display:inline-block; 
	vertical-align:middle;
	line-height:16px;
	line-height:18px\9;
	height:16px;
}
.passwordStrength span{
	width:45px; 
	text-align:center; 
	background-color:#d0d0d0; 
	border-right:1px solid #fff;
}
.passwordStrength .last{
	border-right:none;
}
.passwordStrength .bgStrength{
	color:#fff;
	background-color:#71b83d;
}
#demo1 .passwordStrength{
	margin-left:8px;
}
.tipmsg{
	padding:0 10px;
}
textarea{
	overflow:auto;
	resize:none;
}



.document{
	min-height:800px;
}
.document .sidenav{
	width:170px;
	background-color:#eee;
	padding:10px 10px 20px;
}
.document .sidenav h3{
	font-size:14px;
	padding:5px 10px;
	background-color:#e1e1e1;
}
.document .sidenav a{
	color:#1870a9;
}
.document .content{
	width:750px;
}
.document .content dt{
	background-color:#eee;
    line-height:2;
	padding:0 10px;
}
.document .content dt a{
	color:#79a605;
	padding:5px 0;
	font-size:20px;
	font-weight:bold;
	display:block;
}
.document .content dt a:hover,
.document .content h3 a:hover{text-decoration:none; cursor:default;}
.document .content dd{
	padding:15px 0;
}
.document .content h3{
	color:#333;
	font-size:16px;
}
.document .content p{
	padding:0 0 16px 10px;
	margin-bottom:0;
}
.document .content .intro{
	margin-bottom:16px;
}
.document .content .intro p{
	padding-bottom:0;
}
.document .content .intro pre{padding-left:10px;}
.document .content .wp_syntax{
	margin-left:10px;
	margin-right:10px;
}
.document .sidenav .lireset2{padding-left:0;}
.document .sidenav li ul{display:none;}

.toTop {
	display:block;
	width:48px;
	height:49px;
	overflow:hidden;
	text-indent:-20000px;
	position:fixed;
	right:15px;
	bottom:20px;
	display:none;
	background:url(../images/totop.png) no-repeat;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-20);
}