/*
** CSS Document *
** @name 51banban 全局基础公用样式css
------------------------------------------------------
** @autho hgy@gemdesign.cn Mr.Hu
------------------------------------------------------
** @autho 2015-07-21
------------------------------------------------------
*/
body{font: 14px/1.6 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, 黑体, Arial, sans-serif;word-wrap: break-word;word-break: normal;color:#666;background:#fff}
body.gray_bg{background:#f4f4f4}
html, body, div, p,ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th,td,
header,section,article {margin: 0;padding: 0; }
img {border: 0 none;vertical-align: top;outline:none}
ul, li {list-style-type: none; }
input, select, button, textarea{font-family:"Arial","Sans-serif","Helvetica","Microsoft YaHei";}
button {cursor: pointer; }
i, em, cite,u{ font-style: normal; }
input:focus{outline:none;}

a{color:#666;text-decoration:none;outline:none;cursor:pointer;}
a:hover{text-decoration:none;color:#4897d2;}
a:focus{outline:none;}

a.blue{color:#4897d2}
a.blue:hover{ text-decoration:underline}

/* hide xunlei plugin assist in chrome */
embed[id^="xunlei_com_thunder_helper_plugin_"]{display:none;}

.clear { diplay: block; float: none; clear: both; overflow: hidden; width: auto; height: 0; margin: 0 auto; padding: 0; font-size: 0; line-height: 0; }
.clearfix:after {       
    content: "";     /*内容为“.”就是一个英文的句号而已。也可以不写。*/
    display: block;   /*加入的这个元素转换为块级元素。*/
    clear: both;     /*清除左右两边浮动。*/
    visibility: hidden;      /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
    line-height: 0;    /*行高为0；*/
    height: 0;     /*高度为0；*/
    font-size:0;    /*字体大小为0；*/
}
.clearfix { *zoom:1;}
.fl{float:left;}
.fr{float:right;}
.pr10{padding-right:10px}

.normals{font-style:normal;font-weight:normal;}
.red{color:#ff3300}

/*头部*/
.top{
	width:100%; min-width:1200px; margin:0 auto; background:#fff; height:58px; border-bottom:1px #dedede solid;
	box-shadow:3px 0 6px rgba(0,0,0,.2);-webkit-box-shadow:2px 0 5px rgba(0,0,0,.2);-moz-box-shadow:2px 0 5px rgba(0,0,0,.2);
	position:relative; z-index: 8890;
}
.nav-box{width:1200px; margin:0 auto;}
.logo{width:200px;margin:9px 0 0 20px;float:left}

.nav-box a.mob_menu{ display: none;line-height:58px;}

.nav{padding-left:10px;}
.nav li{line-height:58px;font-size:16px; margin-right:2px;float:left}
.nav li a{ display:block;padding:0 15px; color:#333}
.nav li a:hover,
.nav li a.cur{ background:#4897d2; color:#fff}

.top_bar{float:right;line-height:20px}

.sub_nav li span i{float:left;width:40px; height:60px; margin:0 auto;}
.help_til span i{float:left;width:36px; height:30px; margin:0 auto;}
.help_til h3 {float:left;width:300px; height:38px; margin:0 auto; line-height:38px;}

/*框架布局 start*/
.wrap-box{width:1200px;margin:0 auto; padding-bottom:50px}
.wrap-box2{width:980px; margin:0 auto}
.title_common{width:100%;font-size:24px;color:#000;border-bottom:2px #000 solid;font-weight:normal; position:relative}
.title_common .h_title{padding-left:8px}
.relative{ position:relative}

.friend_link{padding:14px 8px;overflow:hidden}
.friend_link li{width:16.666%;line-height:30px;float:left}
.friend_link li a{padding-right:20px}

/*bottom start*/
.bot_nav_bg{height:172px; margin-top:40px;background:#f2f2f4}
.bot_nav{width:700px;padding-top:20px;padding-left:6px}
.bot_nav ul{ overflow:hidden}
.bot_nav li{float:left; margin-right:5px;line-height:26px;}
.bot_nav li a{ padding:0 14px; display:block;color:#434343}
.bot_nav li a.cur,
.bot_nav li a:hover{ background:#28a7e1; border-radius:26px; color:#fff}

.bot_tab_con{ padding:12px 0 40px 12px}
.ABC a{width:22px;height:22px;line-height:22px; text-align:center;font-size:12px;display:inline-block;margin:0 2px;border-radius:40px}
.ABC a:hover,
.ABC a.cur{ color:#fff; background:#28a7e1}

.hot_area{padding-top:10px;font-size:12px;padding-left:6px}
.hot_area a{ display:inline-block;padding-right:18px;padding-bottom:3px}

.service_hot{width:340px;height:144px;padding:14px 20px 0 20px; right:0; top:0; background:#f2f2f4; overflow:hidden; z-index:99; position: absolute}
a.service_til{width:100%;font-size:16px;line-height:26px; color:#434343;/*background:url(../images/icon_arrow_d.png) no-repeat right center;*/ display:inline-block}
.service_box{height:108px;padding-top:8px;}
.info_con{padding-left:15px;color:#999;line-height:1.4;font-size:13px}
.info_con .tel{color:#000; font-size:20px;padding-bottom: 4px;}
.info_con .mail-txt{ padding-top:20px;font-size:14px}

.bot_bg{ background:#427fc0; padding:36px 0 22px 0;color:#fff}
.copyright{padding-left:20px}
.copyright p.help_nav{padding-bottom:10px;font-size:14px}
.copyright p.help_nav a{color:#fff; padding-right:20px}
.copyright p{font-size:12px;padding-bottom:5px}
.beian{font-size:12px;color:#fff;}
.beian:hover{font-size:12px;color:#fff; text-decoration:underline;}

.bot_logo_box{padding-right:60px;padding-top:10px}
.ftDr{width:30%;float:right; font-size:16px;}
.ftDr span{float:right;padding-right:20px;padding-top:20px;}
.ftDr img{float:right;}

/*响应式图片*/
.responsive_img img{width:100%}
.pt30{padding-top:30px}
.pb40{padding-bottom:40px}
.mb20{margin-bottom:30px}

/*浮动层*/
.float_layout-box{width:44px;position:fixed; _position:absolute;right:40px;top:46%;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 1/2 + "px"); z-index:2000}
.float_list li{width:44px; height:44px; line-height:1.2;margin-bottom:1px;background:#7f7f7f;text-align:center; position:relative; float:left}
.float_list li a .icon-QQ{width:44px;height:44px; background:url(../images/QQ_icon.jpg) no-repeat center center #7f7f7f; position:absolute;left:0;top:0; display:none}
.float_list li a .tel_box{height:48px;width:155px;line-height:48px;color:#7f7f7f; font-size:16px; position:absolute;right:50px;top:0;background:url(../images/tel_bg.png) no-repeat;display:none}
.float_list li a .wechat_QR{width:129px; text-align:left;height:120px;padding:16px 0 0 16px; background:url(../images/QR_bg.png) no-repeat;position:absolute;display:block;right:50px;top:-44px; display:none}
.float_list li a:hover .tel_box,
.float_list li a:hover .icon-QQ,
.float_list li a:hover .wechat_QR{ display:block}
.float_list li a{display:block;padding-top:6px;color:#fff;}

/*右侧浮动层 公用工具栏 start*/
.toolbar_mask{ background:url(../images/opacity_black_50.png); position:fixed;top:0;left:0;right:0; bottom:0; z-index:9994; display:none}
.banban_toolbar{ width:286px; background:#393939;position:fixed;top:0;right:-280px;bottom:0; /*box-shadow:0 0 4px 1px rgba(0,0,0,.1);*/ z-index:9997;}
.toolbar_nav{width:36px;margin-top:200px; margin-left:-28px; float:left}
.toolbar_nav li{width:36px;height:36px;background:#393939; border-radius:3px 0 0 3px; margin-bottom:1px;float:left;}
.toolbar_nav li a{ position:relative;display: block}
.toolbar_nav li.wechat_share a .wechat_QR_box{
	width:0;height:160px; margin-top:-80px; overflow:hidden;position:absolute;right:36px;top:50%; background:#5db4f6;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
}
.toolbar_nav li.wechat_share a .wechat_QR_box img{ border-radius:3px 0 0 3px}
.toolbar_nav li.wechat_share a:hover .wechat_QR_box{width:140px;}
.toolbar_nav li.return_top{ margin-top:10px; visibility: hidden}

.toolbar_nav li a .txt{
	width:64px;border-radius:3px 0 0 3px;text-align:center;line-height:36px;position:absolute;top:0;right:-64px; background:#5db4f6;color:#fff; overflow:hidden; font-size:12px; z-index:97;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
}
.toolbar_nav li a:hover .txt{right:28px}
.toolbar_nav li a i{width:36px;height:36px; background-image:url(../images/icon_sprit.png); background-repeat:no-repeat; background-color:#393939;display:block; margin:0 auto 0 auto; position:relative; z-index:99}
.toolbar_nav li a:hover,
.toolbar_nav li a.cur{background:#5db4f6;color:#fff}
.toolbar_nav li a:hover i,
.toolbar_nav li a.cur i{ background-color:#5db4f6}
.toolbar_nav li a .icon_release{ background-position:-44px -217px}
.toolbar_nav li a .icon_collect{ background-position:-44px 0px}
.toolbar_nav li a .icon_QQ{ background-position:-44px -37px}
.toolbar_nav li a .icon_wechat{ background-position:-44px -75px}
.toolbar_nav li a .icon_history{ background-position:-44px -111px}
.toolbar_nav li a .icon_feedback{ background-position:-44px -190px}
.toolbar_nav li a .icon_levy{ background-position:-44px -249px}
.toolbar_nav li a .icon_return{background-position:-45px -157px;}

.banban_toolbar .toggle_con{position:absolute; border-left:1px #e5e5e5 solid; background:#fff; left:6px; top:0; bottom:0; right:0; padding:15px; overflow-y:auto; z-index:9998}
.banban_toolbar .toggle_con li a.thum{width:100%;height:165px; display:block; position:relative; cursor:default}
.banban_toolbar .toggle_con li a.thum img{width:100%}
.banban_toolbar .toggle_con li a.thum .del_btn{width:30px;height:30px; background:url(../images/icon_sprit.png) no-repeat -48px -424px; display:block; position:absolute;top:5px;right:2px; display:none}
.banban_toolbar .toggle_con li a.thum:hover img{ opacity:.9}
.banban_toolbar .toggle_con li a.thum:hover .del_btn{ display:block; cursor:pointer}
.banban_toolbar .toggle_con li .til{overflow:hidden;line-height:24px;padding:6px 6px 0 6px; background:#fff}
.banban_toolbar .toggle_con li .til a.til_name{width:150px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#434343;float:left}
.banban_toolbar .toggle_con li .til a.til_name:hover{color:#28a7e1}
.banban_toolbar .toggle_con li .til a.address{font-size:12px;color:#333; cursor:default;float:right}
.banban_toolbar .toggle_con li p{ overflow:hidden;padding:0px 6px 6px 6px; background:#fff}
.banban_toolbar .toggle_con li p span{color:#de3438;font-size:16px;}
.banban_toolbar .toggle_con li p span i{color:#888;font-size:12px}

/*新增发布人收藏*/
.banban_toolbar .toggle_con .collect_tab{ text-align:center;padding-bottom:15px}
.banban_toolbar .toggle_con .collect_tab a{width:68px; border-radius:2px; text-align:center;display:inline-block; margin:0 4px; background:#d1d1d1; color:#fff}
.banban_toolbar .toggle_con .collect_tab a.cur,
.banban_toolbar .toggle_con .collect_tab a:hover{ background:#3fb4ff}

.banban_toolbar .toggle_con .pub_collect_list{ overflow:hidden;font-size:12px}
.banban_toolbar .toggle_con .pub_collect_list li{ border-bottom:1px #e5e5e5 solid; overflow:hidden; position:relative; margin-bottom:10px}
.banban_toolbar .toggle_con .pub_collect_list li a{ display:block;color:#666;padding-bottom:6px; position: relative}
.banban_toolbar .toggle_con .pub_collect_list li p{padding-bottom:4px}
.banban_toolbar .toggle_con .pub_collect_list li a .name{height:22px;color:#3fb4ff;font-size:14px;padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.banban_toolbar .toggle_con .pub_collect_list li a .tel{padding-left:0}

.banban_toolbar .toggle_con .pub_collect_list li .avatar_thum{width:62px;border:2px #fff solid; overflow:hidden;float:left}

.banban_toolbar .toggle_con .pub_collect_list li .del_btn{width:20px; height:20px; cursor:pointer; background:url(../images/icon_del.png) no-repeat; position:absolute;right:0;top:0; display:none}
.banban_toolbar .toggle_con .pub_collect_list li:hover .del_btn{ display:block}

a.clear_btn{color:#5db4f6; text-decoration:underline;padding:0 0 6px 0; display:block}

.banban_toolbar .listings_tab{ text-align: center; padding: 0 0 10px 0;}
.banban_toolbar .listings_tab a{padding: 0 10px;}
.banban_toolbar .listings_tab .line{color:#cacaca;font-size:12px}
.banban_toolbar .listings_tab a.active{ color:#3fb4ff; text-decoration: underline;}

/*举报虚假信息 弹框css*/
.report_pop{ overflow:hidden; padding:20px 50px;}
.report_pop .form_item{ padding-bottom:10px; overflow:hidden}
.report_pop .form_item .label{width:96px;padding-right:4px; line-height:26px; float:left}
.report_pop .form_item .label i{color:#ff2200}
.report_pop .form_item .input{width:180px;height:24px;padding:0 10px;line-height:24px; border:1px #e5e5e5 solid; float:left}
.report_pop .form_item .input_60{width:60px}
.report_pop .form_item .textarea{width:272px; height:80px; margin-left:12px; padding:8px; border:1px #e5e5e5 solid;float:left}
.report_pop .radio_item .label{width:300px;}
.report_pop .radio_item p{width:50%;float:left;line-height:26px}
.report_pop .radio_item p label{float:left}
.report_pop .radio_item p input{float:left}
.report_pop .radio_item p input[type="radio"]{ margin:7px 5px 0 10px;*margin:3px 5px 0 10px;}
.report_pop .radio_item .input{width:216px;*width:208px; margin-left:8px}

.report_pop .textarea_item .label{width:300px;}
.report_pop .textarea_item .label i{color:#fff}

.report_pop .tips{ text-align:center;font-size:12px}

.feedback_pop .form_item .label{width:88px; text-align:right;}
.feedback_pop .form_item .textarea{width:184px;margin-left:0}

.feedback_pop .veri_img{height:26px;line-height:26px; display:block; padding-left:4px; float:left}
.feedback_pop .veri_img img{width:64px;margin-right:4px;}

.corr_pop_form .form_item .label{width:118px}
.corr_pop_form .form_item{ padding-bottom: 12px;}
.corr_type{ width:302px;float: left;}
.corr_type a{width: 92px; line-height: 30px;display: inline-block; text-align:center; border: 1px #00AFFF solid;}
.corr_type a.mr10{ margin-right: 10px;}
.corr_type a.mb10{ margin-bottom: 10px;}
.corr_type a:hover{ background: #54c1f3;color:#fff; border-color: #54c1f3;}
.corr_type a.selected{color:#fff; background: #00AFFF;}

.broke_form .form_item .input{width:280px}
.broke_form .form_item .input_60{width:120px}
.broke_form .form_item .textarea{width:283px;margin-left:0}
.broke_select{ width:300px; border:1px #e5e5e5 solid; line-height:24px;height:24px; color:#787878; padding-left:6px}

/*报错提示*/
.report_pop .error_box{ height: 24px; line-height: 24px; padding-left: 122px;}
.report_pop .error_box .error_tip{color:#ff6600; background: url(../images/icon_tip.png) no-repeat left center; display: inline-block; padding-left:22px}
.report_pop .form_item.error .input{ border-color:#ff6600;}

.upload_img_box{ width:320px; float:left}
.upload_img_box ul{ overflow:hidden;}
.upload_img_box ul li{ border:2px #e0e0e0 solid; padding:2px; margin-right:18px; margin-bottom:10px; float:left}
.upload_img_box ul li a{ display:block; position:relative}
.upload_img_box ul li a .del_btn{width:30px;height:30px; background:url(../images/icon_sprit.png) no-repeat -48px -424px; display:block; position:absolute;top:0px;right:-4px; display:none}
.upload_img_box ul li a:hover .del_btn{ display:block}
.upload_img_box .prompt{ color:#999; font-size:12px}
.upload_img_box ul li.upload_btn{ overflow:hidden; cursor:pointer}
.upload_img_box ul li a .file_upload{ position:absolute;font-size:20px; height:80px; width:80px;top:0;left:-10px;opacity:0; -webkit-opacity:0; -moz-opacity:0; filter:alpha(opacity=0); cursor:pointer}

/*等级制度标识*/
.grade_logo{
	height:22px; line-height: 22px;
	background-image: url(../images/grade_logo.png);
	background-repeat: no-repeat; 	
	background-color: #CECECE;
	background-position: 8px 3px;
	display: inline-block;
	color:#fff;
	padding:0 10px 0 28px; border-radius: 24px;
}
.grade_v1,
.grade_v2{background-color: #cecece;}
.grade_v3,
.grade_v4{background-color: #fecc2f;}
.grade_v5,
.grade_v6{background-color: #fd893b;}
.grade_v7,
.grade_v8{background-color: #f23c40;}

/*按钮*/
a.btn-blue-border{color:#28a7e1; border:1px #28a7e1 solid; border-radius:40px;padding:4px 14px; display:inline-block}
a.btn-blue-border:hover{color:#fff; background:#28a7e1}
.btn,a.btn{
	display: inline-block;padding: 6px 14px;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;background-image: none;border:1px solid transparent; *border:none;border-radius:4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none
}
.btn-default,a.btn-default{ background-color:#fff;border:1px solid #d3d3d3;color:#787878}
.btn-default:hover,a.btn-default:hover{ background-color:#ebebeb;color:#434343}
.btn-orange,a.btn-orange{background-color:#ffa555;color:#fff}
.btn-orange:hover,a.btn-orange:hover{background-color:#ef872b}

.btn-blue,a.btn-blue{ background-color:#2fa8e1;color:#fff;border-color:#2fa8e1}

.btn-blue:hover,a.btn-blue:hover{ background-color:#1399d8}
.btn-lg,a.btn-lg{padding: 8px 24px;font-size: 16px;line-height: 1.33;border-radius:6px}
.btn-sm,a.btn-sm,.btn-xs,a.btn-xs{padding: 4px 12px;font-size: 12px;line-height: 1.5;border-radius: 3px}
.btn-xs,a.btn-xs{padding: 2px 10px}

.area_tips{width:100%; padding: 15px 0 0 0; color: #999;}

/*邀请注册弹出框 新增于2017-09-11*/
.invite_reg_con{ padding:15px}
.invite_reg_con h3{font-size:18px;color:#2fa8e1; border-bottom:1px #e5e5e5 solid;padding:8px 0; margin-bottom:10px}
.invite_reg_con p{font-size:12px;color:#999}
.invite_reg_con p em{ display:block;color:#ff4347}


@media screen and (max-width:1280px){
	.top{min-width: 980px;}
	.top_search .search_input{width:90px;padding:0 6px 0 6px}
	.top_search .search_btn{width:48px}
	.wrap-box{width:980px}
	.nav-box{width: 400px; position: relative;}
	
	.nav-box a.mob_menu{ display: inline-block;color:#000; padding:0 28px 0 18px; position: relative; font-size: 16px;}
	.nav-box a.mob_menu i{
		margin-top:-1px;
	}
	.nav-box a.mob_menu:before{
		margin-top: -6px;
	}
	.nav-box a.mob_menu:after{
		margin-top: 4px;
	}
	.nav-box a.mob_menu i,
	.nav-box a.mob_menu:after,
	.nav-box a.mob_menu:before{
		width:16px;height: 2px; background: #333; content: ''; display: block; position: absolute;right:4px;top:50%; 
	}
	.top_fixed .nav-box  a.mob_menu{color:#fff}
	.top_fixed .nav-box a.mob_menu i,
	.top_fixed .nav-box a.mob_menu:after,
	.top_fixed .nav-box a.mob_menu:before{ background: #fff;}
	.top_fixed .nav{ background: rgba(0,0,0,.7); padding: 10px 0; top:36px}
	.top_fixed .nav:before{
		content: ""; border-left:5px transparent solid;border-right:5px transparent solid;border-bottom:5px rgba(0,0,0,.7) solid;
		z-index: 999;
		position: absolute;left:50px;top:-5px; display: block;
		
	}
	.nav{ position: absolute;left: 224px; display: none; background: #fff;}
	.nav li{margin-right:0;width: 100%;}
	.nav li a{padding:0 10px;}
	.float_layout-box{right:0}
	.login_bar a{font-size:14px;margin-right:5px}
}