/*
** CSS Document *
** @name 51banban 全局基础公用样式css
------------------------------------------------------
** @autho hgy@gemdesign.cn Mr.Hu
------------------------------------------------------
** @autho 2015-07-21
------------------------------------------------------
*/

:root{
	--main-color:#04a2ff;
}

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:#f8f8f8}
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}
h1, h2, h3, h4, h5, h6{font-weight:normal}
ul, li {list-style-type: none; }
input, select, button, textarea{font-family:"Arial","Sans-serif","Helvetica","Microsoft YaHei";font-size:14px;}
button {cursor: pointer; }
i, em, cite,u{ font-style: normal; }
button,input:focus,textarea{outline:none;}
a{color:#666;text-decoration:none;outline:none;cursor:pointer;}
a:hover{text-decoration:none;color:#04a2ff;}
a:focus{outline:none;}
a.blue,.blue{color:#04a2ff}
a.blue:hover{ text-decoration:underline}
.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；*/
}
a.txt_disable,
.txt_disable{color:#999; text-decoration: none; cursor: no-drop;}
a.txt_disable:hover{ text-decoration: none;}

a.blue-link{
	color: #04a2ff !important;text-decoration: underline !important; 
}

.clearfix { *zoom:1;}
.fl{float:left;}
.fr{float:right;}
.pr10{padding-right:10px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.mt20{ margin-top:20px}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mt40{ margin-top:40px}
.mb40{ margin-bottom:40px}

.normals{font-style:normal;font-weight:normal;}
.red,a.red{color:#ff3300}
a.red:hover{ text-decoration: underline}
.gray{color:#999}
.green{
	color: #54c735;
}

.line-through{
	text-decoration: line-through;
}

/*头部*/
.top{width:100%;background:#fff; height:66px; border-bottom:1px #e8e8e8 solid;z-index:9998; position:relative}
.index_top{border-bottom: none;}
.top-reg .logo-txt{ color:#fff}
.top-reg .logo_box{padding:20px 0 0 20px;}
.logo_box{padding:11px 16px 0 20px;float:left}
.logo-txt{font-size:18px; color:#787878;padding:8px 0 0 14px}
.logo{
	width: 130px;height: 44px;
	background: url(../images/logo.png);
	display: block;
}
.tenant-theme .logo{
	width: 67px;height: 22px;margin-top: 4px;
	background: url(../images/logo-white.png);
}
.tenant-theme .top{
	background:#202020;height: 50px;border-bottom: none;color: #fff;
}
.tenant-theme .top .nav li{
	line-height:50px;font-size:12px;margin-right: 0;
}
.tenant-theme .top .nav li a{padding:0 15px;color:#dedede}
.tenant-theme .top .nav li a:hover,
.tenant-theme .top .nav li a.cur{color:#fff;background: none;}
.tenant-theme .top .city_select{
	margin-top: 4px;
}
.tenant-theme .top .city_select a.city_txt{
	color: #fff;
}
.tenant-theme .top .user_bar{line-height:50px;font-size:12px}
.tenant-theme .top .user_bar a{color: #fff;}

.right_box{padding-right:20px}
.service_tel{height:30px;font-size:16px;padding-right:20px;line-height:30px; margin-top:18px;text-align:right}
.service_tel a{background:url(../images/icon-user-gray.png) no-repeat left center;padding-left:26px; display:inline-block; border-right:1px #e5e5e5 solid;padding-right:20px}
.service_tel .tel{background:url(../images/icon-tel.png) no-repeat 20px 50%; display:inline-block;padding-left:46px}
.icon-tel{width:24px;height:24px; background:url(../images/icon-sprit.png) no-repeat; display:inline-block}
.service_tel a.reg_login{color:#fff; background:url(../images/icon-user-white.png) no-repeat left center; border-right:none;padding-right:0}
.service_tel a.reg_login:hover{ border-bottom:1px #e5e5e5 solid}

/*顶部城市选择*/
.city_select{padding-left:16px; position:relative;z-index:8; margin-top:12px}
.city_select select{margin-top:11px;border:none; visibility:hidden}
.city_select a.city_txt{ background:url(../images/icon-arrow-d.png) no-repeat right;padding-right:14px}
.city_select .city_list{
	padding:5px;background:#fff;width:58px;
	position:absolute; z-index:9998;left:16px;top:30px; border:1px #e5e5e5 solid; display:none;
}
.city_select .city_list li{display:inline-block; margin:3px 5px;float:left}
.city_select .city_list li a{ display:inline-block;padding:0px 10px; border-radius:40px;}
.city_select .city_list li a:hover,
.city_select .city_list li.selected a{ background:#05b0ff; color:#fff}

/*nav*/
.icon-tip-dot{width:10px;height:10px; background:url(../images/icon-sprit.png) no-repeat -30px 0; display:inline-block}

.message_bubble{
	width:20px;height:20px;line-height:20px;background: #FF5D4F;color:#fff;font-size: 10px;
	display: inline-block; border-radius: 50%; text-align: center;
	letter-spacing: -1px;
}

.nav{float:left}
.nav li{float:left;line-height:66px;margin-right:8px;font-size:16px; position:relative}
.nav li a{ display:block;padding:0 15px;color:#434343}
.nav li a:hover,
.nav li a.cur{ background:#04a2ff;color:#fff}
.nav li .icon-tip-dot{position:absolute;right:5px;top:22px}

.user_bar{line-height:66px;padding-right:20px;font-size:15px;margin-right: 44px;}

.user_bar a.news_link{padding-right:13px; margin-right:13px; background:url(../images/icon-news.gif) no-repeat left center;padding-left:22px; position:relative}
.user_bar a.news_link:after{content: '';width:1px;height:12px; background:#d5d5d5; position:absolute; right:0; top:50%; margin-top:-6px;}
.user_bar a.exit{padding-left:10px}
.user_bar a .count{color:#04a2ff}

/*bottom start*/
.bot_box{width:100%;left:0;bottom:0}
.fixed{ position:fixed}
.bot_nav_bg{ background:#f2f2f4;height:60px;}
.bot_nav{padding-top:20px;padding-left:6px}
.bot_nav li{float:left;line-hieght:26px;}
.bot_nav li a{ padding:0 14px; display:block;color:#434343}
.bot_nav li a.cur,
.bot_nav li a:hover{ background:#04a2ff; border-radius:26px; color:#fff}

.service_hot{width:340px; height:26px; padding:19px 20px 0 20px; right:0; bottom:-3px; 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_up.png) no-repeat right center; display:inline-block}
.service_hot a.service_til.arrow_d{background:url(../images/icon_arrow_d.png) no-repeat right center; }
.service_box{height:108px;padding-top:10px;}

.info_con{padding-left:15px;color:#999;line-height:1.4;font-size:13px}
.info_con .tel{color:#000; font-size:20px;padding-bottom: 5px;}
.info_con .mail-txt{ padding-top:20px;font-size:14px}

.bot_bg{ background:#04a2ff; 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}

.bot_logo_box{padding-right:20px;margin-top: -2px}
.bot_logo_box p{overflow: hidden;}
.bot_logo_box .txt{ text-align: right;padding-right: 6px;padding-top: 8px;}
.bot-logo{width: 148px}
.bot-logo2{width: 180px}
.bot-logo,
.bot-logo2{
    display: block;float:left;
    img{width: 100%}
}

.footer-fixed{width:100%;position:fixed;left:0; bottom:0}

/*框架布局 start*/
.wrap-box{
	width:1200px;
	margin-left:auto; margin-right:auto
}

#main-container{
	min-height:calc(100vh - 306px);box-sizing: border-box;
}

#wrapContainer{
	min-height:calc(100vh - 436px);
}

.hidden{overflow:hidden}
.hide{display: none;}
.sidebar_box{width:240px; padding-bottom:20000px; margin-bottom:-20000px}
.cont_box{width:920px;overflow:hidden; padding-bottom:20000px; margin-bottom:-20000px;}
.relative{ position:relative}

.white-box{
	background: #fff;
}

/*sidebar nav*/
.side_nav{background:#fff;padding:10px 0;border-radius: 3px;}
.side_nav li{line-height:48px; margin-bottom:1px}
.side_nav li a{padding-left:36px;color:#333; display:block; overflow:hidden}
.side_nav li a:hover{background:#6acbf8;color:#fff}
.side_nav li.cur a,
.side_nav li.active>a{ background:#04a2ff;color:#fff}

.side_nav li a .icon-nav{width:30px;height:30px;background:url(../images/icon-sprit.png) no-repeat; display:inline-block;float:left; margin-top:9px; margin-right:6px}
.side_nav li a .icon-nav-release{ background-position:0 -130px}
.side_nav li a:hover .icon-nav-release,
.side_nav li.cur a .icon-nav-release,
.side_nav li.active a .icon-nav-release{ background-position:-40px -130px}

.side_nav li a .icon-nav-setting{ background-position:0 -160px}
.side_nav li a:hover .icon-nav-setting,
.side_nav li.cur a .icon-nav-setting,
.side_nav li.active a .icon-nav-setting{ background-position:-40px -160px}

.side_nav li a .icon-nav-loupan{ background-position:0 -220px}
.side_nav li a:hover .icon-nav-loupan,
.side_nav li.cur a .icon-nav-loupan,
.side_nav li.active a .icon-nav-loupan{ background-position:-40px -220px}

.side_nav li a .icon-nav-reser{ background-position:0 -190px}
.side_nav li a:hover .icon-nav-reser,
.side_nav li.cur a .icon-nav-reser,
.side_nav li.active a .icon-nav-reser{ background-position:-40px -190px}

.side_nav li a .icon-nav-eyes{ background-position:0 -250px}
.side_nav li a:hover .icon-nav-eyes,
.side_nav li.cur a .icon-nav-eyes,
.side_nav li.active a .icon-nav-eyes{ background-position:-40px -250px}

.side_nav li a .icon-nav-data{ background-position:0 -280px}
.side_nav li a:hover .icon-nav-data,
.side_nav li.cur a .icon-nav-data,
.side_nav li.active a .icon-nav-data{ background-position:-40px -280px}

.side_nav li a .icon-nav-shops{background-position:-80px -130px}
.side_nav li a:hover .icon-nav-shops,
.side_nav li.cur a .icon-nav-shops,
.side_nav li.active a .icon-nav-shops{ background-position:-120px -130px}

.side_nav li a .icon-nav-workshop{background-position:-80px -100px}
.side_nav li a:hover .icon-nav-workshop,
.side_nav li.cur a .icon-nav-workshop,
.side_nav li.active a .icon-nav-workshop{ background-position:-120px -100px}


.side_nav li a .icon-nav-stations{background-position:-80px -160px}
.side_nav li a:hover .icon-nav-stations,
.side_nav li.cur a .icon-nav-stations,
.side_nav li.active a .icon-nav-stations{ background-position:-120px -160px}

.side_nav li a .icon-nav-tel{background-position:-80px -190px}
.side_nav li a:hover .icon-nav-tel,
.side_nav li.cur a .icon-nav-tel,
.side_nav li.active a .icon-nav-tel{ background-position:-120px -190px}

.side_nav li a .icon-nav-excellent{background-position:-80px -220px}
.side_nav li a:hover .icon-nav-excellent,
.side_nav li.cur a .icon-nav-excellent,
.side_nav li.active a .icon-nav-excellent{ background-position:-120px -220px}

.side_nav li a .icon-nav-reservation{background-position:-80px -250px}
.side_nav li a:hover .icon-nav-reservation,
.side_nav li.cur a .icon-nav-reservation,
.side_nav li.active a .icon-nav-reservation{ background-position:-120px -250px}

.side_nav li a .icon-nav-collect{background-position:-80px -280px}
.side_nav li a:hover .icon-nav-collect,
.side_nav li.cur a .icon-nav-collect,
.side_nav li.active a .icon-nav-collect{ background-position:-120px -280px}

.side_nav li a .icon-nav-history{background-position:-80px -310px}
.side_nav li a:hover .icon-nav-history,
.side_nav li.cur a .icon-nav-history,
.side_nav li.active a .icon-nav-history{ background-position:-120px -310px}

.side_nav li a .icon-nav-coupon{background-position:-80px -340px}
.side_nav li a:hover .icon-nav-coupon,
.side_nav li.cur a .icon-nav-coupon,
.side_nav li.active a .icon-nav-coupon{ background-position:-120px -340px}

.side_nav li.cur .drop_con a{ background:none}

.side_nav li .drop_con{height:0;overflow:hidden}
.side_nav li .drop_con ul{padding:5px 0 0 72px;}
.side_nav li .drop_con li{line-height:32px}
.side_nav li .drop_con li a{padding-left:16px;color:#666}
.side_nav li .drop_con li a:hover,
.side_nav li .drop_con li a.cur{ background:none;color:#04a2ff; text-decoration:underline}

.side_nav li .txt{float:left;margin-right: 7px;}
.side_nav li a .icon-arrow-d{width:16px;height:12px; margin-right:30px; margin-top:19px;background:url(../images/icon-sprit.png) no-repeat -30px -18px; float:right; display:inline-block}
.side_nav li a:hover .icon-arrow-d{ background-position:-50px -18px}
.side_nav li.cur a .icon-arrow-d{ background-position:-88px -18px}

.icon-news{width: 32px;height: 16px; background: url(../images/icon-sprit.png) no-repeat -148px 0; display: block;}
.icon-hot{width: 32px;height: 16px; background: url(../images/icon-sprit.png) no-repeat -148px -16px; display: block;}
.side_nav li .icon-news,
.side_nav li .icon-hot{float:left;margin-top: 17px;}


.avatar_box{
	width:80px;height:80px;border:5px #efefef solid;border-radius:50%;
	margin-right:20px; overflow:hidden;
}
.avatar_box img{width: 100%;}


/*租客页面风格调整 新增于20200622*/
.tenant-theme .side_nav li a:hover{background:#b7d0e0}
.tenant-theme .side_nav li.cur a,
.tenant-theme .side_nav li.active>a{ background:#b7d0e0}

.tenant-theme .side_nav li a .icon-nav-reservation{background-position:-80px -370px}
.tenant-theme .side_nav li a:hover .icon-nav-reservation,
.tenant-theme .side_nav li.cur a .icon-nav-reservation,
.tenant-theme .side_nav li.active a .icon-nav-reservation{ background-position:-120px -370px}

.tenant-theme .side_nav li a .icon-nav-collect{background-position:-80px -400px}
.tenant-theme .side_nav li a:hover .icon-nav-collect,
.tenant-theme .side_nav li.cur a .icon-nav-collect,
.tenant-theme .side_nav li.active a .icon-nav-collect{ background-position:-120px -400px}

.tenant-theme .side_nav li a .icon-nav-history{background-position:-80px -430px}
.tenant-theme .side_nav li a:hover .icon-nav-history,
.tenant-theme .side_nav li.cur a .icon-nav-history,
.tenant-theme .side_nav li.active a .icon-nav-history{ background-position:-120px -430px}

.tenant-theme .side_nav li a .icon-nav-coupon{background-position:-80px -460px}
.tenant-theme .side_nav li a:hover .icon-nav-coupon,
.tenant-theme .side_nav li.cur a .icon-nav-coupon,
.tenant-theme .side_nav li.active a .icon-nav-coupon{ background-position:-120px -460px}



/*广告位*/
.swiper-container.ad_box{ height:100px; overflow:hidden; margin-top:16px}
.ad_box a{ display:block; cursor:pointer}
.ad_box .pagination {position: absolute;left: 0;text-align: center;width: 100%;bottom:2px;text-align:center; z-index:999}
.ad_box .swiper-pagination-switch {width: 8px;height: 8px;display: inline-block;border-radius:10px;background: #fff; margin:0 4px; box-shadow:0 0 2px rgba(255,255,255,.2); cursor: pointer;}
.ad_box .swiper-active-switch { background:#04a2ff}

/*帮助中心二级菜单*/
.side_nav.help_side_nav li{line-height:60px; border-top:1px #ccc solid}
.side_nav.help_side_nav li.no_line{ border-top:none}
.side_nav.help_side_nav li a{ border-left:2px transparent solid;padding-left:15px;font-size:16px}
.side_nav.help_side_nav li a:hover,
.side_nav.help_side_nav li.cur a{ background:#fafafa; border-left:2px #2da8e3 solid;color:#04a2ff}
.side_nav.help_side_nav li .drop_con ul{padding:10px 20px 10px 20px;border-top:1px #e5e5e5 solid}
.side_nav.help_side_nav li .drop_con li{line-height:18px;padding:4px 2px;border-bottom:1px #e5e5e5 dashed; border-top:none}
.side_nav.help_side_nav li .drop_con li:last-child{ border-bottom:none}
.side_nav.help_side_nav li .drop_con li a{font-size:13px;color:#999; background:none; border:none}
.side_nav.help_side_nav li .drop_con li a:hover,.side_nav.help_side_nav li .drop_con li a.cur{color:#04a2ff}
.side_nav.help_side_nav li a .icon-arrow-d{margin-right:20px; margin-top:25px}
.side_nav.help_side_nav li a:hover .icon-arrow-d{ background-position:-69px -18px}
.side_nav.help_side_nav li.cur a .icon-arrow-d{ background-position:-106px -18px}



/*帮助中心*/
.help_con{ background:#fff;padding:12px; border-radius: 3px;}
.help_con h3{font-size:18px;border-bottom:1px #eee solid;padding-bottom:7px; margin-top:4px; color:#434343; overflow:hidden}
.help_con h3 span{float:left;margin-right:5px}
.icon-help{width:28px;height:26px; background:url(../images/icon-sprit.png) no-repeat 0 -94px; display:inline-block}
.help_con h4{font-size:14px;padding-top:8px}
.help_con ul{padding-top:4px}
.help_con ul li{font-size:12px;line-height:1.4;border-bottom:1px #e5e5e5 dashed;padding:9px 0}
.help_con ul li:last-child{border-bottom:none}
.help_con ul li a{color:#787878}
.help_con ul li a:hover{color:#04a2ff}

/*响应式图片*/
.responsive_img img{width:100%}

/*按钮系统*/
.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.btn-text,a.btn.btn-text{
	text-decoration: underline;
}

a.btn-link{ text-decoration: underline;}
a.btn-blue-border{color:#04a2ff; border:1px #04a2ff solid; border-radius:40px;padding:4px 14px; display:inline-block}
a.btn-blue-border:hover{color:#fff; background:#04a2ff}
.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:#ff882f;color:#fff}
.btn-orange:hover,a.btn-orange:hover{background-color:#ef872b}

.btn-blue,a.btn-blue{ background-color:#04a2ff;color:#fff;border-color:#04a2ff}
.btn-red,a.btn-red{ background-color:#ff5d5d;color:#fff;border-color:#ff5d5d}
.btn-yellow,a.btn-yellow{ background-color:#ffcd66;color:#fff;border-color:#ffcd66}
.btn-yellow:hover,a.btn-yellow:hover{background-color:#ffd47c}

.btn-blue:hover,a.btn-blue:hover{ background-color:#1399d8}
.btn-red:hover,a.btn-red:hover{ background-color:#fd6c6c}

.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}

.btn.disabled,
a.btn.disabled,
.btn-blue.disabled,a.btn-blue.disabled{ background: #dedede;border-color:#dedede;color:#ababab; cursor: no-drop;}

.btn-text.disabled{
	background: none;text-decoration: none;border-color:transparent;
}

input.disabled,
.input.disabled,
textarea.disabled,
.textarea.disabled{
	background: #fff;border-color:#e0e0e0;color:#c3c3c3; cursor: no-drop;
}

/* 表单结构 start
--------------------------------------*/
.input,
.textarea{padding:10px 6px;border:1px #e5e5e5 solid;background:#fff}
.input:focus,.textarea:focus{border-color:#999}
.form_item{width:100%;padding-bottom:30px;float:left}
.form_item.constant_item{padding-bottom:5px}
.form_item.constant_item .item-txt{ float:left;line-height:38px}
.form_item .label{width:108px;float:left;text-align:right;padding-right:8px;*padding-right:4px;line-height:38px;color: #787878;}
.required{color:#e70000;font-size:16px;padding-right:4px}
.form_item .item-input{width:300px;line-height:38px;float:left;}
.form_item .item-input .input,
.form_item .item-input .textarea{z-index:6;float:left}
.form_item .unit{line-height:38px;float:left;font-size:12px;color:#999; display:inline-block;padding-left:4px}
.form_item .message,
.form_item .tips,
.form_item .tips_2,
.check_box .message{
	line-height:20px;color:#ff0000; margin-top:2px;font-size:12px;padding-left:24px;visibility:hidden;float:left;
	background:url(../images/tips_icon.png) no-repeat;
}
.form_item .tips a.btn{margin: 0 5px;padding: 0 10px}
.form_item.loupan_item {padding-bottom: 0;}
.form_item.loupan_item .tips{width: 90%;}

.form_item .message{height: 20px;}
.form_item.error .message,
.check_box.error .message{
	background-position:0 -22px;visibility:visible
}
.form_item.correct .message,
.check_box.correct .message{
	background-position:0 0; color:#10ce6e;visibility:visible
}

.form_item .tips,
.form_item .tips_2{ background:url(../images/icon-tips.png) 0 1px no-repeat;visibility: visible;color:#999}
.form_item .tips_2{color: #ff6600;}


.form_item .tips a{ text-decoration:underline}
.form_item.error .tips,
.form_item.correct .tips{ display:none}

.form_item .rent-unit{
	border:1px #04a2ff solid;color:#04a2ff;line-height: 20px;
	margin: 8px 8px 0 0;cursor: pointer;padding: 0 6px;
	display: inline-block;float:left;font-size:12px;
}
.form_item .rent-unit.active{background:#04a2ff ;color:#fff}

.radio_group_item{ float:left}
.radio_group_item label{ position: relative; padding-left:4px; float:left;margin-right:15px; cursor:pointer}
.radio_group_item label i{width:12px; height:12px; background:url(../images/icon-sprit.png) no-repeat -129px 0; display:block; position:absolute; left:0; top:50%; margin-top:-6px}
.radio_group_item label.checked i{ background-position:-129px -16px}
.radio_group_item label input{ visibility:hidden}

.form_item.error .item-input .textarea,
.form_item.error .item-input .input
.form_item.error .item-input .dk_toggle{border-color:#ff6600}
.positin_item .item-input{position:relative}
.positin_item .item-input .input{ position:absolute;left:0;top:0}
.positin_item .tips{position:absolute;bottom:-20px;left:0}
.form_item.positin_item{padding-bottom: 30px;}
.positin_item .message{ position: absolute;top:48px}
.verifi_box,
.phone_verifi_box{width:110px;height:38px;float:right; overflow:hidden}
.verifi_box{ background:#ccc}
.phone_verifi_box{text-align:center;font-size:12px; background:#f2f2f2;color:#999}
.phone_verifi_box input{width:100%;line-height:38px;font-size:14px;color:#009de4; background:none; border:none; text-align:center; cursor:pointer}
.phone_verifi_box input:hover{ text-decoration:underline}
.phone_verifi_box input.disabled,
.phone_verifi_box.blue input.disabled{background:#f2f2f2;color:#999; cursor:no-drop}

.phone_verifi_box.blue{background:#04a2ff;color:#fff}
.phone_verifi_box.blue input{color:#fff}



.form_item.error .input{ border-color:#FF2400;}

.pop_form .form_item{margin-bottom: 10px;}

.pop_form .positin_item .item-input .input{position: static;}

.form_item .item-input.upload_img{ position:relative;}
.form_item .item-input.upload_img .upload_word{ width:80px; height:38px; background: url(../images/icon-upload.png) no-repeat 15px 50% #04a2ff; color:#fff; font-size:16px; padding-left:40px;display:block}
.form_item .item-input.upload_img .img_show{ position:absolute; padding-right:44px; left:140px; top:0}
.form_item .item-input.upload_img a.clear_img{ width:44px; height:38px; background:url(../images/icon_del.png) no-repeat center center; position:absolute; top:0;right:0; display:none}
.form_item .item-input.upload_img .img_show:hover a.clear_img{ display:inline-block}
.form_item .item-input.upload_img .file_input{width:120px; height:44px;position:absolute;font-size:28px; opacity:0;-moz-opacity:0;-webkit-opacity:0; filter:alpha(opacity=0);cursor:pointer}

.pop_form .form_item .item-input .dk_toggle{padding: 5px 45px 5px 6px;}
.pop_form .form_item .item-input .dk_options_inner li a{line-height: 24px;height: 24px;}
.pop_form .form_item .item-input{position: relative;}
.pop_form .dk_container select{margin-left: -300px;}

.fit_industry_item,
.subway_item{ margin-top:10px}
.subway_item{ margin-bottom: 10px;}
.subway_item .label{ margin-top:10px}
.fit_industry a{ padding: 8px 20px; margin: 6px 0; line-height:1.4; display: inline-block; float:left;*float:none; background: #f1f1f1; margin-right:12px}
.fit_industry a span{ display: block;}
.fit_industry a.selected{ background: #04a2ff;color:#fff; position: relative;}
.fit_industry a.selected .icon_right{
	width:20px;height:20px; background: url(../images/icon_right.png) no-repeat; display: block;
	position: absolute;right:-8px;top:-8px
}
.form_item .location_box{ position: relative; margin-top:10px}

.radio-group{
	display: flex;
}
.radio-group .radio-item{
	position: relative;
	padding-left:28px;
	cursor: pointer;
	color: #333;
}
.radio-group .radio-item.disabled{
	opacity: 0.5;cursor: no-drop;
}
.radio-group .radio-item::before{
	content: '';
	width: 18px;height: 18px;background-color: #ebedf3;box-sizing: border-box;border: 6px #ebedf3 solid;border-radius: 50%;
	position: absolute;left: 0;top: 50%;margin-top: -9px;
}
.radio-group .radio-item.checked::before{
	border-color: #04a2ff;
}

.radio-group .radio-item .input{
	width: 50px;padding:5px;border-radius: 2px;margin: 0 10px;
	text-align: center;
}

.date-radio-group{
	flex-direction: column;
	border-bottom: 1px #f2f2f2 solid;
	margin-bottom: 25px;
	padding-bottom: 10px;
}
.date-radio-group .radio-item{
	display: flex;align-items: center;margin-bottom: 20px;
}


/*城市联动选择插件 css*/
.select_dropdown{
	min-width:100px;position:relative;height:38px;display:inline-block;border:1px solid #d0d0d0;padding:0 0 0 8px;cursor:pointer;background:#fff;float:left;margin-right:10px;
	 z-index: 3;
}
.select_dropdown i{min-width:80px;height:38px;line-height:38px; margin-right:10px;display:block;padding-right:20px;position:relative; background: url(../images/icon-select.png) no-repeat right center;}
.select_dropdown ul{
	width:100%;position:absolute;border:1px solid #e5e5e5; border-top: none;
	background:#fff;left:-1px;top:36px;z-index:10;max-height:300px; overflow-x:hidden;overflow-y:auto;
	display: none;
}
.select_dropdown ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #e5e5e5;font-size:12px}
.select_dropdown ul li a{display:block;height:24px;line-height:24px;padding:0 8px;color:#494949;color:#787878}
.select_dropdown ul li a:hover,
.select_dropdown ul li.selected a{ background:#f4f4f4;color:#04a2ff}

/*输入框提示*/
.placeholder-tip{
	position:absolute;top:0;left:0;right:0; bottom:0; border:1px #d4d4d4 solid;
	height: 38px;
	color:#999; background:#fff; font-size:14px; padding-top:7px;padding-left:40px; border-radius:3px; z-index:0;
}
input.transparent_0{ opacity:0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0)}
/* 表单结构 end
--------------------------------------*/

/*表单提交提示css start*/
.submit_success{
	background:url(../images/icon-success.gif) no-repeat top center; margin-top:50px; padding-bottom:100px; padding-top:70px; font-size:16px; text-align:center;
}
.submit_success02{ background:none;padding-top:10px}
.submit_success02 .tip-til{font-size:24px;line-height:36px; display:inline-block}
.icon-success{ background:url(../images/icon-success_02.gif) no-repeat left center;padding-left:40px; margin-left:-20px}
.icon-ward{ background:url(../images/icon-ward.png) no-repeat left center;padding-left:40px; margin-left:-20px}
.submit_success p.tips{color:#ffa555;line-height:28px;font-size:14px}
.submit_success p.tips a{ border-radius:4px}

.success-box{
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 80px;
	font-size: 16px;
}

.success-title{
	text-align: left;
	background: url(../images/icon-success-new.png) no-repeat 0 2px;
	font-size: 22px;color: #000;font-weight: bold;
	line-height: 1.4;
	padding-left: 50px;
	margin-bottom: 20px;
	min-height: 48px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.success-box .cont{ 
	background-color: #eff1f6;
	margin-bottom: 20px;
	padding:25px 60px 30px 60px;
	border-radius: 6px;
}
.success-box .btn-group{
	padding-top: 20px;;
}
.success-box .btn-group a{
	background-color: #fff;display: inline-block;margin: 0 15px;
	padding: 12px 40px;
	border-radius: 6px;
	position: relative;
}

.icon-hui{
	width: 25px;height: 25px;display:inline-block;
	background: url(../images/icon-hui.png) no-repeat;
}
.success-box .btn-group a .icon-hui{
	position: absolute;top: -5px;right: -8px;
}

.success-box .cont .em{
	color: #333;
}
.success-title .text{
	color: #999;font-weight: normal;display: block;font-size: 16px;
}
.success-box .tips-box{color: #999;}
.success-box .tips-box a{
	font-size: 16px;color: #2296f6;
}

a.btn-red{
	color: #d81e06;border: 1px #d81e06 solid;
}

.success-title2{
	font-size: 32px;color: #000; text-align: center;font-weight: bold;margin-bottom: 10px;
}
.success-title2 span{
	display: block;
}
.success-title2 .gray{
	font-weight: normal;
	font-size: 18px;
}

/*表单提交提示css end*/

.pop_form{width:420px;margin: 0 auto;}
.pop_form .form_item .item-input .input{width:286px}
.pop_form .placeholder-tip{padding-top:0;padding-left:6px; border-radius:0;}

.pop_form .form-til{ padding-left:116px;*padding-left:112px;font-size:16px;padding-bottom:20px}

.pop_form2{width:auto;height: auto; text-align: center;padding: 20px 20px 0 45px;overflow: hidden;}
.pop_form2 .txt{color: #999;padding-bottom: 10px;}
.pop_form2 .form_item{padding-bottom: 5px;}
.pop_form2 .form_item .item-input{width: 254px}
.pop_form.pop_form2 .form_item .item-input .input{width:240px}
.pop_form.pop_form2 .form_item .item-input .input.w136{width: 120px;}

.icon-radio{
	width: 25px;height: 25px;background: url(../images/icon-radio.png) no-repeat;display: block;
}

.IDselect{padding: 30px 60px 10px 60px;}
/*.IDselect a{width:213px;height:66px; background:url(../images/reg_select-02.png) no-repeat; display:inline-block; margin:0 4px}
.IDselect a.broker{ background-position:0 0}
.IDselect a.broker:hover,
.IDselect a.broker.selected{ background-position:0 -76px}
.IDselect a.owner_loupan{ background-position:-230px 0}
.IDselect a.owner_loupan:hover,
.IDselect a.owner_loupan.selected{ background-position:-230px -76px}
.IDselect a.owner_personal{ background-position:-459px 0}
.IDselect a.owner_personal:hover,
.IDselect a.owner_personal.selected{ background-position:-459px -76px}*/

.modal-btn{
	width: 100%;
	padding: 20px 0 35px 0;overflow: hidden;
}
.modal-btn .next-btn{
	background: url(../images/next-btn.png) no-repeat right center;display: inline-block;padding: 8px 32px 8px 0;
}
.modal-btn .prev-btn{
	background: url(../images/prev-btn.png) no-repeat left center;display: inline-block;padding: 8px 0 8px 32px;
	margin-right: 20px;color: #999;
}
.modal-btn .jump-btn{
	padding: 8px 20px 8px 12px;display: inline-block;color: #bebebe;
}


.modal-btn .next-btn:hover{
	background: url(../images/next-btn-hover.png) no-repeat right center;
}

.IDselect h4{
	color: #333;font-size: 18px;font-weight: bold;padding-bottom: 15px;
}
.IDselect h4 .prompt{color: #d44b4b;font-size: 12px;font-weight: normal;padding-left: 14px;}

.IDselect ul li{
	background:#f6f7f9;padding: 15px 28px 17px 28px;position: relative;color: #000;font-size: 12px;
	cursor: pointer;border-radius: 8px;border: 1px #f6f7f9 solid;margin-bottom: 20px;
}
.IDselect ul li:last-child{
	margin-bottom: 10px;
}
.IDselect ul li:hover,
.IDselect ul li.selected{
	border-color: #00afff;background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.06);
}

.IDselect ul li .icon-radio{
	position: absolute;top: 50%;right: 28px;margin-top: -12px;
}

.IDselect ul li:hover .icon-radio,
.IDselect ul li.selected .icon-radio{
	background: url(../images/icon-checked2.png) no-repeat;
}
.IDselect ul li .item-name{font-size: 18px;font-weight: bold;padding-bottom: 5px;}

.IDselect ul li .item-name .em{font-size: 12px;padding-left: 15px;}

.id-choice .item{
	width: 200px;padding: 22px 16px 22px 14px; border-radius: 4px;background: #f6f7f9;position: relative;
	cursor: pointer;border: 1px transparent solid;color: #333;
}
.id-choice .item.selected{
	background: #fff;border: 1px #72aacf solid;color: #72aacf;box-shadow: 0 5px 5px rgba(0,0,0,0.07);
}

.id-choice .item .icon{
	width: 51px;height: 54px;display: block;float: left;margin-right: 16px;
}
.id-choice .item .icon.icon-1{
	background: url(../images/id-icon1.png) no-repeat;
}
.id-choice .item.selected .icon.icon-1{
	background: url(../images/id-icon1-selected.png) no-repeat;
}
.id-choice .item .icon.icon-2{
	background: url(../images/id-icon2.png) no-repeat;
}
.id-choice .item.selected .icon.icon-2{
	background: url(../images/id-icon2-selected.png) no-repeat;
}

.id-choice .item .info{padding-top: 5px;}
.id-choice .item .info span{
	display: block;font-size: 12px;
}
.id-choice .item .info .name{
	font-size: 18px;font-weight: bold;
}

.IDselect .id-choice .item .icon-radio{
	position: absolute;top:20px;right: 10px
}
.id-choice .item.selected .icon-radio{
	background: url(../images/icon-checked2.png) no-repeat;
}

.modal-form{
	padding:40px 100px;
}
.form-cont{}
.form-cont .placeholder-tip{
	height:48px;line-height: 48px;padding-top: 0;padding-left: 43px;
}

.modal-form .form-til{
	color: #999;padding: 0 0 20px 12px;
}

.form-cont .item{
	position: relative;float: left;margin-bottom: 8px;
}
.form-cont .item .label{
	position: absolute;width: 24px;height: 24px;top: 13px;left: 10px;z-index: 101;
	background: url(../images/icon-sprit.png) no-repeat;
}
.form-cont .item .label.icon-building{
	background-position: -150px -40px;
}
.form-cont .item .label.icon-name{
	background-position: -150px -64px;
}
.form-cont .item .label.icon-locked{
	background-position: -150px -88px;
}
.form-cont .item .label.icon-locked2{
	background-position: -150px -112px;
}

.form-cont .input-text{
	width: 340px;border: 1px #d6d6d6 solid;
	height: 20px;line-height: 20px;
	padding: 14px 15px 14px 43px;border-radius: 3px;
}
.form-cont .input-text:focus{
	border-color: #666;
}
.form-cont .item .message{font-size: 12px;line-height: 18px;height: 18px;padding-top: 4px;visibility: hidden;}
.form-cont .item.error .message{color: #ea3d1b;visibility: visible;}

.drop-down-menu{
	width: 398px;position: relative;border: 1px #d6d6d6 solid;border-radius: 3px;
}
.drop-down-menu .selected-txt{
	height: 20px;line-height: 20px;display: block;padding: 14px 15px 14px 43px;cursor: pointer;position: relative;

}

.form-cont .tips{ color: #999;line-height: 1.3; padding-top:6px}

.drop-down-menu .selected-txt i{
	width: 15px;height: 10px;background: url(../images/icon_arrow_d.png) no-repeat;display: block;opacity: 0.6;
	position: absolute;top: 50%;margin-top: -5px;right: 15px;
}
.drop-down-menu .drop-cont{
	position: absolute;left: -1px;right: -1px;top: 47px;z-index: 9890;
	background: #fff;border: 1px #d6d6d6 solid;border-top: none;
	border-radius: 0 0 3px 3px;padding: 3px 12px;
	display: none\9;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform-origin:  top center;
	-moz-transform-origin:  top center;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.drop-down-menu.opened .drop-cont{
	display: block\9;
 	transform: scaleY(1);
 	-webkit-transform: scaleY(1);
 	-moz-transform: scaleY(1);
}


.drop-down-menu .drop-cont a{
	display: block;padding: 7px 0 7px 31px;border-top: 1px #e5e5e5 dashed;
}
.drop-down-menu .drop-cont a:hover,
.drop-down-menu .drop-cont a.selected{
	background: #f4f9fd;border-color:#f4f9fd;
}


.info_prefect_tip{padding:40px 30px 50px 30px; text-align:center}
.info_prefect_tip .tips{font-size:16px;color: #333;padding-bottom: 30px;}
.info_prefect_tip .tips span{display: block;}
.info_prefect_tip a.btn-blue{
	font-size: 16px;background: #72aacf;padding: 10px 25px;
}

.success_tip .txt{height:48px; display:inline-block;padding:0 8px;background:#12a4ff; color:#fff;font-size:18px;line-height:48px}
.success_con{width:440px;padding-top:30px;color:#9e9e9e;line-height:1.4;margin: 0 auto;padding-bottom: 30px;}
.success_con .info_01{font-size:16px; color:#434343; padding-bottom:10px}
.success_con .info_01 .tel{padding-left:24px}
.success_con em{color:#ff8417}
.success_con .info_btn{ padding:20px 0 15px 0}
.success_con  a.release_btn{padding-left:20px;color:#666}
.success_con  a.release_btn span{color:#04a2ff}
.success_con  a.release_btn:hover span{ text-decoration:underline}

.invite_reg_con{ padding:15px}
.invite_reg_con h3{font-size:18px;color:#04a2ff; 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}

.wechat_pay{width:574px;height:360px; background:url(../images/weatchpay_bg.jpg); margin:20px auto}
.pay_qr{width:203px;height:203px;border:1px #e5e5e5 solid;padding:18px;}

/*右侧浮动层 公用工具栏 start*/
.gift_pop_mask,
.toolbar_mask,
.rent_tip_mask{ background:url(https://www.51banban.com/images/opacity_black_50.png); position:fixed;top:0;left:0;right:0; bottom:0; z-index:9994; display:none}

/*右侧浮动层 公用工具栏 start*/
/*20200702修改*/
.banban_toolbar {
  width: 44px;
  background: #fff;
  border-left: 1px #f9f9f9 solid;
  box-shadow: 0 -5px 7px rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9991                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        ;
}

.banban_toolbar .toolbar_nav {
  width: 44px;
  float: left;
  position: relative;
  z-index: 90;
}

.banban_toolbar .toolbar_nav li {
  width: 44px;
  font-size: 12px;
  text-align: center;
  background: #fff;
  margin: 8px 0;
  float: left;
}

.banban_toolbar .toolbar_nav li a {
  position: relative;
  display: block;
}

.banban_toolbar .toolbar_nav li a i {
  width: 44px;
  height: 44px;
  background-image: url("../images/icon-banban-sidebar.png?v=1c720ae");
  background-repeat: no-repeat;
  background-color: #fff;
  display: block;
  margin: 0 auto 0 auto;
  position: relative;
  z-index: 99;
}

.banban_toolbar .toolbar_nav li a .icon_advisory {
  background-position: 0 -134px;
}

.banban_toolbar .toolbar_nav li a .icon_tel {
  background-position: 0 -178px;
}

.banban_toolbar .toolbar_nav li a .icon_collect {
  background-position: 0 -222px;
}

.banban_toolbar .toolbar_nav li a .icon_history {
  background-position: 0 -266px;
}

.banban_toolbar .toolbar_nav li a .icon_wechat {
  background-position: 0 -310px;
}

.banban_toolbar .toolbar_nav li a .icon_feedback {
  background-position: 0 -354px;
}

.banban_toolbar .toolbar_nav li a .icon_return {
  background-position: 0 -398px;
}

.banban_toolbar .toolbar_nav li a .txt-item {
  width: 100%;
  display: block;
  position: relative;
  z-index: 99;
  line-height: 20px;
  line-height: 20px;
  color: #333;
  background-color: #fff;
}

.banban_toolbar .toolbar_nav li a .txt {
  width: 64px;
  text-align: center;
  background: #5db4f6;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: -64px;
  z-index: 101;
  line-height: 44px;
  opacity: 0;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
}

.banban_toolbar .toolbar_nav li a .txt:after {
  content: '';
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -3px;
  border-left: 5px #5db4f6 solid;
  border-top: 5px transparent solid;
  border-bottom: 5px transparent solid;
}

.banban_toolbar .toolbar_nav li a:hover .txt {
  right: 44px;
  opacity: 1;
}

.banban_toolbar .toolbar_nav li a.cur, .banban_toolbar .toolbar_nav li a:hover {
  background: #394043;
  color: #fff;
  border-color: #394043;
}

.banban_toolbar .toolbar_nav li a.cur i, .banban_toolbar .toolbar_nav li a:hover i {
  background-color: #394043;
}

.banban_toolbar .toolbar_nav li a.cur .txt-item, .banban_toolbar .toolbar_nav li a:hover .txt-item {
  background-color: #394043;
  color: #fff;
}

.banban_toolbar .toolbar_nav li a.cur .icon_advisory, .banban_toolbar .toolbar_nav li a:hover .icon_advisory {
  background-position: -44px -134px;
}

.banban_toolbar .toolbar_nav li a.cur .icon_tel, .banban_toolbar .toolbar_nav li a:hover .icon_tel {
  background-position: -44px -178px;
}

.banban_toolbar .toolbar_nav li a.cur .icon_collect, .banban_toolbar .toolbar_nav li a:hover .icon_collect {
  background-position: -44px -222px;
}

.banban_toolbar .toolbar_nav li a.cur .icon_history, .banban_toolbar .toolbar_nav li a:hover .icon_history {
  background-position: -44px -266px;
}

.banban_toolbar .toolbar_nav li a.cur .icon_wechat, .banban_toolbar .toolbar_nav li a:hover .icon_wechat {
  background-position: -44px -310px;
}

.banban_toolbar .toolbar_nav li a.cur .icon_feedback, .banban_toolbar .toolbar_nav li a:hover .icon_feedback {
  background-position: -44px -354px;
}

.banban_toolbar .toolbar_nav li a.cur .icon_return, .banban_toolbar .toolbar_nav li a:hover .icon_return {
  background-position: -44px -398px;
}

.banban_toolbar .toolbar_nav li.tel-item a .txt {
  width: 144px;
}

.banban_toolbar .toolbar_nav li.wechat_share a .wechat_QR_box {
  width: 116px;
  height: 140px;
  border: 1px #dedede solid;
  background: #fff;
  color: #333;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -71px;
  right: 44px;
  transform: scale(0);
  transform-origin: right center;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
}
.banban_toolbar .toolbar_nav li.wechat_share a .wechat_QR_box .txts {
  width: 116px;
  display: block;
  font-weight: normal;
}
.banban_toolbar .toolbar_nav li.wechat_share a .wechat_QR_box img {
  margin-bottom: 2px;
  margin-top: 18px;
}
.banban_toolbar .toolbar_nav li.wechat_share a:after {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  margin-top: -3px;
  z-index: 101;
  border-left: 5px #fff solid;
  border-top: 5px transparent solid;
  border-bottom: 5px transparent solid;
  display: none;
}
.banban_toolbar .toolbar_nav li.wechat_share a:hover .wechat_QR_box {
  transform: scale(1);
}
.banban_toolbar .toolbar_nav li.wechat_share a:hover:after {
  display: block;
}

.banban_toolbar .toolbar_nav li.vote-item {
  position: relative;
  width: 44px;
  height: 99px;
}
.banban_toolbar .toolbar_nav li.vote-item a {
  width: 48px;
  height: 99px;
  display: block;
  background: url("../images/vote-btn.png?v=b362866") no-repeat;
  border: none;
  position: absolute;
  left: -4px;
  top: 0;
}

.banban_toolbar .toolbar_nav li.vote-item a .info {
  width: 234px;
  position: absolute;
  opacity: 0;
  left: 48px;
  top: 0;
  transition: all 0.275s cubic-bezier(0, 0, 0.58, 1);
}

.banban_toolbar .toolbar_nav li.vote-item a .info .inner {
  background: #394043;
  width: 216px;
  color: #fff;
  padding: 15px 0 20px 0;
  font-size: 14px;
  position: relative;
}

.banban_toolbar .toolbar_nav li.vote-item a .info .inner:after {
  content: '';
  position: absolute;
  right: -6px;
  top: 25px;
  border-top: 6px transparent solid;
  border-bottom: 6px transparent solid;
  border-left: 7px #394043 solid;
}

.banban_toolbar .toolbar_nav li.vote-item a .info strong {
  display: block;
  font-size: 18px;
}

.banban_toolbar .toolbar_nav li.vote-item a .info .word {
  color: #ebde48;
  padding-bottom: 10px;
}

.banban_toolbar .toolbar_nav li.vote-item a .info .word span {
  color: #fff;
}

.banban_toolbar .toolbar_nav li.vote-item a .info .botn {
  display: inline-block;
  background: #ebde48;
  border-radius: 3px;
  color: #394043;
  font-weight: bold;
  padding: 3px 14px;
  margin-top: 10px;
}

.banban_toolbar .toolbar_nav li.vote-item a:hover .info {
  left: -234px;
  opacity: 1;
  transform: scale(1);
}

.banban_toolbar .toolbar_nav li.return_top {
  margin-top: 10px;
  visibility: hidden;
  position: fixed;
  bottom: 100px;
  right: 0;
  transform: translate3d(100%, 0, 0);
  transition: all 0.275s cubic-bezier(0, 0, 0.58, 1);
}

.banban_toolbar .toolbar_nav li.return_top.show {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

.banban_toolbar .toolbar_nav li.return_top a {
  height: 30px;
}

.banban_toolbar .toolbar_nav li.return_top a i {
  height: 30px;
}

.banban_toolbar .toolbar_nav li.return_top a .txt {
  line-height: 30px;
}

.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.world_cup-theme {
  border-left: 1px #16554b solid;
  background: url(https://image.51banban.com/images/world_cup-bg.jpg) no-repeat #16554b;
}
.banban_toolbar.world_cup-theme .toolbar_nav li {
  background: none;
}
.banban_toolbar.world_cup-theme .toolbar_nav li a i {
  background-image: url(https://image.51banban.com/images/icon-sidebar-world-cup.png);
  background-color: transparent;
}
.banban_toolbar.world_cup-theme .toolbar_nav li a .txt {
  background: #16554b;
}
.banban_toolbar.world_cup-theme .toolbar_nav li a .txt:after {
  border-left: 5px #16554b solid;
}
.banban_toolbar.world_cup-theme .toolbar_nav li a.cur, .banban_toolbar.world_cup-theme .toolbar_nav li a:hover {
  background: #dfc091;
  color: #fff;
  border-color: #dfc091;
  background: linear-gradient(to right, #dfbf90, #fef4d3);
}
.banban_toolbar.world_cup-theme .toolbar_nav li a.cur i, .banban_toolbar.world_cup-theme .toolbar_nav li a:hover i {
  background-color: transparent;
}
.banban_toolbar.world_cup-theme .toolbar_nav li a.cur .txt-item, .banban_toolbar.world_cup-theme .toolbar_nav li a:hover .txt-item {
  background-color: #dfc091;
  color: #fff;
}
.banban_toolbar.world_cup-theme .toolbar_nav li.wechat_share a:after {
  border-left: 5px #16554b solid;
}
.banban_toolbar.world_cup-theme .toolbar_nav li.wechat_share a:hover .wechat_QR_box {
  border: 1px #16554b solid;
}


.banban_toolbar.toolbar_red-theme {
  border-left: 1px #c20116 solid;
  background: url(https://image.51banban.com/images/sidebar-red-bg.jpg) no-repeat #c20116;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li {
  background: none;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li a i {
  background-image: url(https://image.51banban.com/images/icon-sidebar-red.png);
  background-color: transparent;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li a .txt {
  background: #c20116;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li a .txt:after {
  border-left: 5px #c20116 solid;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li a.cur, .banban_toolbar.toolbar_red-theme .toolbar_nav li a:hover {
  background: #dfc091;
  color: #fff;
  border-color: #dfc091;
  background: linear-gradient(to right, #dfbf90, #fef4d3);
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li a.cur i, .banban_toolbar.toolbar_red-theme .toolbar_nav li a:hover i {
  background-color: transparent;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li a.cur .txt-item, .banban_toolbar.toolbar_red-theme .toolbar_nav li a:hover .txt-item {
  background-color: #dfc091;
  color: #fff;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li.wechat_share a:after {
  border-left: 5px #c20116 solid;
}
.banban_toolbar.toolbar_red-theme .toolbar_nav li.wechat_share a:hover .wechat_QR_box {
  border: 1px #c20116 solid;
}


.banban_toolbar.toolbar_longyun-theme {
  border-left: 1px #c20116 solid;
  background: url(https://image.51banban.com/images/sidebar-red-bg2.jpg) no-repeat #c20116;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li {
  background: none;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li a i {
  background-image: url(https://image.51banban.com/images/icon-sidebar-red.png);
  background-color: transparent;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li a .txt {
  background: #c20116;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li a .txt:after {
  border-left: 5px #c20116 solid;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li a.cur, .banban_toolbar.toolbar_longyun-theme .toolbar_nav li a:hover {
  background: #dfc091;
  color: #fff;
  border-color: #dfc091;
  background: linear-gradient(to right, #dfbf90, #fef4d3);
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li a.cur i, .banban_toolbar.toolbar_longyun-theme .toolbar_nav li a:hover i {
  background-color: transparent;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li a.cur .txt-item, .banban_toolbar.toolbar_longyun-theme .toolbar_nav li a:hover .txt-item {
  background-color: #dfc091;
  color: #fff;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li.wechat_share a:after {
  border-left: 5px #c20116 solid;
}
.banban_toolbar.toolbar_longyun-theme .toolbar_nav li.wechat_share a:hover .wechat_QR_box {
  border: 1px #c20116 solid;
}


/* 新春侧边栏皮肤 start */
.banban_toolbar.newyear-theme {
  border-left: none;
  background: url(https://image.51banban.com/images/sidebar-newyear-bg.jpg) no-repeat #d40604;
}
.banban_toolbar.newyear-theme .toolbar_nav li {
  background: none;
}
.banban_toolbar.newyear-theme .toolbar_nav li a i {
  background-image: url(https://image.51banban.com/images/icon-sidebar-red.png);
  background-color: transparent;
}
.banban_toolbar.newyear-theme .toolbar_nav li a .txt {
  background: #d40604;
  background: linear-gradient(to right, #e51a10, #d40604);
}
.banban_toolbar.newyear-theme .toolbar_nav li a .txt:after {
  border-left: 5px #d40604 solid;
}
.banban_toolbar.newyear-theme .toolbar_nav li a.cur, .banban_toolbar.newyear-theme .toolbar_nav li a:hover {
  background: #dfc091;
  color: #fff;
  border-color: #dfc091;
  background: linear-gradient(to right, #dfbf90, #fef4d3);
}
.banban_toolbar.newyear-theme .toolbar_nav li a.cur i, .banban_toolbar.newyear-theme .toolbar_nav li a:hover i {
  background-color: transparent;
}
.banban_toolbar.newyear-theme .toolbar_nav li a.cur .txt-item, .banban_toolbar.newyear-theme .toolbar_nav li a:hover .txt-item {
  background-color: #dfc091;
  color: #fff;
}
.banban_toolbar.newyear-theme .toolbar_nav li.wechat_share a .wechat_QR_box {
  border: 1px #d40604 solid;
}
.banban_toolbar.newyear-theme .toolbar_nav li.wechat_share a:after {
  border-left: 5px #d40604 solid;
}

/* 2024年春节皮肤 */
.banban_toolbar.newyear-2024 {
  border-left: none;
  background: url(https://image.51banban.com/images/sidebar-dragon-bg.jpg) no-repeat #dd2328;
}
.banban_toolbar.newyear-2024 .toolbar_nav li {
  background: none;
}
.banban_toolbar.newyear-2024 .toolbar_nav li a i {
  background-image: url(https://image.51banban.com/images/icon-sidebar-red.png);
  background-color: transparent;
}
.banban_toolbar.newyear-2024 .toolbar_nav li a .txt {
  background: #dd2328;
  background: linear-gradient(to right, #e51a10, #dd2328);
}
.banban_toolbar.newyear-2024 .toolbar_nav li a .txt:after {
  border-left: 5px #dd2328 solid;
}
.banban_toolbar.newyear-2024 .toolbar_nav li a.cur, .banban_toolbar.newyear-2024 .toolbar_nav li a:hover {
  background: #dfc091;
  color: #fff;
  border-color: #dfc091;
  background: linear-gradient(to right, #dfbf90, #fef4d3);
}
.banban_toolbar.newyear-2024 .toolbar_nav li a.cur i, .banban_toolbar.newyear-2024 .toolbar_nav li a:hover i {
  background-color: transparent;
}
.banban_toolbar.newyear-2024 .toolbar_nav li a.cur .txt-item, .banban_toolbar.newyear-2024 .toolbar_nav li a:hover .txt-item {
  background-color: #dfc091;
  color: #fff;
}
.banban_toolbar.newyear-2024 .toolbar_nav li.wechat_share a .wechat_QR_box {
  border: 1px #dd2328 solid;
}
.banban_toolbar.newyear-2024 .toolbar_nav li.wechat_share a:after {
  border-left: 5px #dd2328 solid;
}
.banban_toolbar.newyear-2024::after {
  content: "";
  width: 194px;
  height: 351px;
  background: url("https://image.51banban.com/images/dragon.png?v=96ec7a8") no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.sidebar-lantern{
	width: 58px;position: fixed;top: 0;right: 0;z-index: 9999;
}
.banban_toolbar.newyear-2025 {
  width: 120px;
  background: url("https://image.51banban.com/images/sidebar-bg-2025.png?v=f3eba4a") no-repeat;
  border-left: none;
  box-shadow: none;
}
.banban_toolbar.newyear-2025 .toolbar_nav {
  float: right;
}
.banban_toolbar.newyear-2025 .toolbar_nav li {
  background: none;
}
.banban_toolbar.newyear-2025 .toolbar_nav li a i {
  background-image: url("https://image.51banban.com/images/icon-sidebar-red.png?v=3e6ab74");
  background-color: transparent;
}
.banban_toolbar.newyear-2025 .toolbar_nav li a .txt {
  background: #dd181d;
  background: linear-gradient(to right, #e51a10, #dd181d);
}
.banban_toolbar.newyear-2025 .toolbar_nav li a .txt:after {
  border-left: 5px #dd181d solid;
}
.banban_toolbar.newyear-2025 .toolbar_nav li a.cur, .banban_toolbar.newyear-2025 .toolbar_nav li a:hover {
  background: #dfc091;
  color: #fff;
  border-color: #dfc091;
  background: linear-gradient(to right, #dfbf90, #fef4d3);
}
.banban_toolbar.newyear-2025 .toolbar_nav li a.cur i, .banban_toolbar.newyear-2025 .toolbar_nav li a:hover i {
  background-color: transparent;
}
.banban_toolbar.newyear-2025 .toolbar_nav li a.cur .txt-item, .banban_toolbar.newyear-2025 .toolbar_nav li a:hover .txt-item {
  background-color: #dfc091;
  color: #fff;
}
.banban_toolbar.newyear-2025 .toolbar_nav li.wechat_share a .wechat_QR_box {
  border: 1px #dd181d solid;
}
.banban_toolbar.newyear-2025 .toolbar_nav li.wechat_share a:after {
  border-left: 5px #dd181d solid;
}


/*举报虚假信息 弹框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}

.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{width:80px;height: 80px; 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}

/*报错提示*/
.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;}

.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;}


/* 转换次数模块css 新增于 2017-12-20 start
 --------------------------------------------------*/
.conversion_pop{
	text-align: center;padding: 32px 0 70px 0; position: relative; display: none;
}
.conversion_pop .btn_box{ padding: 20px 0; overflow: hidden;}
.conversion_pop .btn_box .btn{margin: 0 10px;}
.conversion_pop .conversion_tip{font-size: 12px; position: absolute; bottom: 20px;left:0;right: 0;}

.conversion_pop .conversion_form i{font-size: 12px;}
.conversion_pop .item{padding-top:10px}
.conversion_pop .item .conver_num{color:#ffcd66;padding:0 10px;margin: 0 8px;border:1px #ffcd66 solid;display: inline-block;}
.input_item{width: 130px; margin: 5px auto; overflow: hidden;}
.input_item a{
	line-height: 20px;width: 20px;height: 20px; border-radius: 50%;
	text-align: center;color:#fff;font-size: 18px; margin-top:5px;
	background: #ffcd66; display: inline-block;float:left;
}
.input_item a:hover{background: #f5ba41;}
.input_item input{width:68px;height: 20px;line-height: 20px; padding: 4px 5px; text-align: center;color:#666;border:1px #e5e5e5 solid;float:left; margin: 0 5px;}

.conversion_confirm{ text-align: center;padding: 40px 0; display: none;}
.conversion_confirm p{ padding: 8px 0; overflow: hidden;}

/*实名认证*/
.certified span{width:90px; font-size:12px;float:left}
.certified span i{width:44px;height:32px; display: block; margin:0 auto; background:url(https://www.51banban.com/images/icon_sprit.png) no-repeat;}
.certified span.certified_card{width:89px; border-left:1px #e5e5e5 solid;}
.certified span.certified_card i{ background-position:0 -558px}
.certified span.certified_id i{ background-position:0 -596px}
.certified span.certified_default{color:#999}
.certified span.certified_default i{ background-position:-34px -644px}

.mask{ position:fixed; top:0;right:0; bottom:0;left:0; background:url(../images/opacity_bg.png); z-index:9998;}

.icon_help{width: 44px;height: 44px; position: fixed; bottom: 240px;right: 100px; z-index: 10001;}
.icon_help a{width: 44px;height: 44px; display: block;background: url(../images/icon_help.png) no-repeat;}

.online-tips{
	position:absolute; z-index:9999;
}
.online-tips .close{
	position: absolute;width: 64px;height: 64px;background: transparent;display: block;
	right: 10px;top: 20px;
}

/*金猪贺喜
 * @date 2019-01-22
 * */
.pig_gift_pop,
.news-year-pop,
.coupon-modal{
	width: 519px;height: 436px; top: 50%;left: 50%;margin-top: -220px;margin-left: -269px;
	position: fixed; z-index: 9996;
}

.common-pop{
	position: fixed; z-index: 9996;top: 50%;left: 50%;
	transform: translate(-50%,-50%) scale(0);
	transition: all .275s;
	transition-timing-function: linear
}

.common-pop.opened{
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: translate(-50%,-50%) scale(1);
}


.news-year-pop{
	width: 420px;height: 400px;margin-top: -240px;margin-left: -210px; text-align: center;
}
.dragonBoatFestival{
	width: 580px;margin-left: -290px;
}
.pig_gift_pop a{
	display: block;
}
.pig_gift_pop a.gotoLottery{
  width: 170px;height: 48px;display: block;background:transparent;
  position: absolute;bottom:28px;left: 50%;margin-left: -85px;
}

.coupon-modal{
	width: 564px;height: 349px;margin-left: -282px;margin-top: -175px;
}
.coupon-modal img{
	width: 100%;
}
.pig_gift_pop a.close,
.common-pop a.close,
.news-year-pop a.close{
	width: 52px;height: 52px;background: url(../images/pop-close.png) no-repeat;display: block;
	position: absolute; left: 50%;margin-left: -26px; bottom: -72px;
	transition: all .25s linear;
}
.news-year-pop a.close{
	 bottom: -110px;
}

.pig_gift_pop.size_536_262{
	width: 536px;height: 262px;margin-left: -268px;margin-top: -131px;
}
.pig_gift_pop.size_536_262.animated{
	animation-duration: 0.75s;
}

.news-year-pop a.close.verified-lottery-close{
	left: 50%;margin-left: -26px;bottom: -50px;
}

.coupon-modal a.close{
	position: absolute;width: 28px;height: 28px;background: url(../images/pop-close2.png) no-repeat;display: block;right: 15px;top: 15px;margin-left: 0;
}

.pig_gift_pop a.more-btn{
	width: 106px;height: 32px;line-height: 32px;border-radius: 18px;display: block; text-align: center;
	position: absolute;right: 105px;top: 220px; z-index: 90;
	background: #212433;color: #dcb274;font-size: 15px;font-weight:bold;
	box-shadow: 0 1px 2px rgba(255,255,255,0.3);
}
.news-year-pop a.comfirm-btn,
.coupon-modal a.comfirm-btn{
	width: 352px;height: 56px;line-height: 56px;font-size:24px;background: #f8d29e;color: #7a160f;font-weight:bold;
	display: block; text-align: center;border-radius: 56px;
	position: absolute;z-index: 90;bottom: 46px;left: 26px;
}
.coupon-modal a.comfirm-btn{
	bottom: 20px;width: 268px;margin-left: -134px;left: 50%;
}
.news-year-pop a.comfirm-btn:hover,
.coupon-modal a.comfirm-btn:hover{
	background: #f9debb;
}
.pig_gift_pop a.close:hover{
	transform: rotate(180deg);
}
.news-year-pop.dragonBoatFestival a.comfirm-btn{
	left: 114px;
}

/*//
// 精英用户排行榜标识*/
.icon-crown-first,
.icon-crown-second,
.icon-crown-third,
.ranking-default{
    width: 28px;height:26px;background: url(../images/icon_sprit.png) no-repeat;
    display: block;margin-right:8px;
    overflow: hidden;
    text-indent: -999px;
}
.icon-crown-first{background-position: -48px -316px}
.icon-crown-second{background-position: -48px -342px}
.icon-crown-third{background-position: -48px -368px}

.ranking-default{height: 16px;background-position: -48px -394px;margin-right: 4px;margin-top: 5px;}

/* 转换次数模块css 新增于 2017-12-20 end
 -------------------------------------------------*/


.agreement_con{
	 text-align: left;padding: 15px 20px 20px 20px;
}
.agreement_con h4.cont_info_til{color: #202020;font-size: 14px; padding-bottom: 4px; padding-top: 8px;}
.agreement_con p{color: #666;font-size: 12px; line-height: 1.6;padding-bottom: 5px;}

.icon-video{
	width: 21px;height: 19px;display: block;
	background: url(../images/icon-video.png) no-repeat;
}
.status-processing{
	cursor: default !important;
}

.icon-qr,
.icon-qr-gray{
	width: 16px;height: 16px;background: url(../images/icon-qr.png) no-repeat;display: inline-block;
}
.icon-qr-gray{
	background: url(../images/icon-qr-gray.png) no-repeat;
}

/*收藏&历史浏览 新增于20200525 start*/
.collect-tab{
	background: #ededed;overflow: hidden;border-radius: 6px 6px 0 0;
}
.collect-tab a{
	width: 50%;float: left;display: block;font-size: 16px;padding: 14px 0;text-align: center;
	font-weight: bold;color: #787878;
}
.collect-tab a:hover{
	background: #8facd2;color: #fff;
}
.collect-tab a.active{
	background:#7e9bc1;color: #fff;
}
.collect-filter{
	overflow: hidden;background: #fff;padding: 24px 15px 3px 15px;position: relative;
}
.collect-filter a{
	display: inline-block;padding: 0 20px 0 27px;position: relative;color: #888;
}
.collect-filter a .icon-tip-dot{
	position: absolute;right: 17px;top: 2px;
}

.collect-filter a:hover,
.collect-filter a.active{
	color: #00abff;
}
.collect-filter a:hover i,
.collect-filter a.active i{
	background: #00abff;
}
.collect-filter a i{
	width: 3px;height: 13px;background: #888;display: block;position: absolute;left: 20px;top: 50%;margin-top: -6px;
}
.collect-filter a.coupon-btn{
	position: absolute;right: 15px;top: 24px;
	background: url(../images/icon-coupon.png) no-repeat 0 50%;
}
.collect-filter a.coupon-btn .bubble{
	position: absolute;right: 4px;top: -5px;
}

.bubble{
	background: #ff3030;color: #fff;font-size: 12px;
	width: 16px;height:16px;line-height:16px;display: inline-block;text-align: center;
	border-radius: 16px;
}

.collect-filter a.return-btn{
	background: url(../images/icon-arrow-l.png) no-repeat 0 50%;padding-left: 15px;margin-left: 20px;
}


.collect-con{
	border-bottom: 2px #e8e8e8 solid;overflow: hidden;padding: 0 26px 45px 26px;background: #fff;
}
.right-cont{
	border-bottom: 2px #e8e8e8 solid;padding: 0 36px 45px 36px;background: #fff;
}

.tag-offshelf{
	width: 50px;height: 50px;
	background: url(../images/tag-offshelf.png) no-repeat;
}

.office_list,
.property_list{
  width: 100%;float: left;padding: 25px 0;background: #fff;border-bottom: 1px #dfdfdf solid;position: relative;
}
.office_list.noline{
	border-bottom: none;
}
.office_list .hot_tab_box {
  position: absolute;left: 200px;right: 18px;bottom: 23px;
}

.collect-con .hot_tab_box .highlights_box {
  padding-right: 15px;padding-bottom:0;float: left;
}

.hot_tab_box .highlights_box a {
  margin-right: 10px;
}

.hot_tab_box .highlights_box {
  background: url("../images/icon_hot_tab.png?v=13603a5") -6px -4px no-repeat;
  padding-left: 22px;
}

.hot_tab_box .highlights_box .txt {
  color: #787878;
}
.hot_tab_box .highlights_box a .txt {
  text-decoration: underline;
}

.hot_tab_box .highlights_box a:hover .txt {
  color: #04a2ff;
}

.highlights {width: 100%;margin-bottom: 15px;float: left;}

.highlights > p {display: inline-block;position: relative;}

.highlights span {
  height: 28px;line-height: 28px;color: #fff;padding: 0 30px 0 9px;display: inline-block;
  background: url("../images/highlights_arrow.gif?v=3ffb821") no-repeat right center #ffb20e;
  float: left;
}

.highlights > p .highlights_mask {
  width: 12px;height: 28px;background: #fff;display: block;
  position: absolute;top: 0;right: 0;z-index: 98;
}
.office_list .office_img {
  width: 180px;height: 130px;overflow: hidden;position: relative;
}
.office_list .office_img .tag-offshelf,
.property_list .property_img .tag-offshelf{
	position: absolute;top: 0;left: 0;z-index: 10;
}


.office_list .office_img img {width: 100%;}


.office_list .office_text {width: 440px;padding: 0 20px;color: #787878;}
.office_list .office_text a {color: #787878}
.office_list .office_text a:hover {color: #04a2ff}
.office_list .office_text h4,
.property_list .property_text h4 {position: relative;overflow: hidden;font-weight: bold;}
.office_list .office_text h4 a,
.property_list .property_text h4 a {
  max-width: 390px;display: inline-block;
  font-size: 16px;color: #333;float: left;padding-right: 6px;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-break: keep-all;
}
.office_list .office_text h4 a:hover {
  text-decoration: underline;
}

.office_list .office_text h4 .icon_new,
.office_list .office_text h4 .icon_yezhu {float: left;margin-top: 3px}

.office_list .address {padding-top: 3px}
.office_list .description {padding-top: 10px;}
.office_list .description span {padding-right: 10px;}
.office_list .description2 {padding-top: 40px;font-size: 16px;margin-left: -15px}
.office_list .description2 span {padding: 0 15px;}
.office_list .prize-box {text-align: right;position: relative;color: #787878}

.office_list .prize-box .date {
  padding-top: 8px;
}

.office_list .prize-box .station_date {
  padding-top: 39px;
}

.office_list .prize-box .total_rent {
  padding-top: 9px;
}

.office_list .prize-box .price {
  font-size: 16px;
  color: #de3438;
  padding-top: 4px;
}

.office_list .prize-box .price span {
  color: #999;
}

.office_list .prize-box .item {
  padding-top: 7px;
  margin-right: -10px;
  color: #cfcfcf;
}

.office_list .prize-box .item span {
  padding: 0 10px;
  color: #787878;
}

.zy-loupan-list li a.reset-btn,
.office_list a.reset-btn{
	position: absolute;bottom: 23px;right: 0;color: #7e9bc1;text-decoration: underline;cursor: pointer;
	z-index: 9890;
}
.zy-loupan-list li a.reset-btn{
	bottom:6px;
}

.icon-grade {
    background: url(../images/icon-grade.png?v=1f55e02) no-repeat left center;
    padding-left: 18px;
    display: inline-block;
}
.office_list .grade_item {
  position: absolute;bottom: 23px;right: 0;
  color: #787878;font-size: 12px;line-height: 20px;
}
.office_list .grade_item .icon-grade {color: #666}
.office_list .grade_item .date {padding-right: 10px}

.property_list .property_img {
  width: 180px;height: 130px;overflow: hidden;position: relative;float: left;
}
.property_list .property_img img {width: 100%;}
.property_list .property_text{width: 648px;float: left;padding: 0 20px}
.property_list .property_text h4 a{max-width: 500px;}

.property_list .property_text .address,
.property_list .property_text .distance {
  display: inline-block;
  position: relative;
}
.property_list .property_text .address{padding-right: 20px;}
.property_list .property_text .address a {
  color: #787878;
  text-decoration: underline;
}
.property_list .property_text .address a:hover {
  color: #3296e0;
}
.property_list .property_text .description {
  padding: 5px 0;line-height: 1.4;color: #999;
}
.property_info {
  overflow: hidden;
  color: #888;
}
.property_info p {
  float: left;
  display: inline-block;
  padding-right: 12px;
}

.property_info p.area {
  margin-top: 2px;
}

.property_info p i {
  font-size: 16px;
  color: #ff3300;
  padding-right: 3px;
}

.property_info a {
  text-decoration: underline;
  margin-top: 2px;
  float: right;
}


.publisher-con{
	background: #fff;border-bottom: 2px #e8e8e8 solid;border-radius: 0 0 6px 6px;overflow: hidden;
	padding: 40px 15px 10px 15px;
}
.publisher-con li{
	width: 50%;margin-bottom: 30px; float: left;
}
.publisher-con li .inner{
	margin-left: 15px;margin-right: 15px;overflow: hidden;position: relative;padding:20px;
	border: 1px #9f9f9f solid;background: url(../images/dashed-bg.jpg);border-radius: 6px;
}
.publisher-con li .inner .thumb{
	width: 88px;height: 88px;overflow: hidden;border-radius: 50%;float: left;
}
.publisher-con li .inner .thumb img{width: 100%;}
.publisher-con li .inner .info{
	padding-left: 15px;float: left;padding-top: 12px;
}
.publisher-con li .inner .info .username{
	font-size: 24px;font-weight: bold;color: #333;
}
.publisher-con li .inner .info .username .type{
	font-weight: normal;font-size: 14px;color: #999;padding-left: 12px;
}
.publisher-con li .inner .info .city{color: #999;}
.publisher-con li .inner .tel{width: 100%;font-size: 16px;padding-top: 15px; float: left;}
.publisher-con li .inner a.reset-collect{
	background: url(../images/icon-collect.png) no-repeat top center;display: inline-block;
	padding-top: 25px;color: #98afcd;text-decoration: underline;
	position: absolute;right: 15px;top:44px;
}


/*自营楼盘 start*/
.tag-item2 {
  font-size: 12px;
  background: #f3f3f3;
  color: #a1a2a1;
  height: 25px;
  line-height: 25px;
  padding: 0 8px 0 4px;
  display: inline-block;
  position: relative;
}

.tag-item2:before {
  content: '';
  position: absolute;
  left: -10px;
  top: 0;
  border-top: 12px transparent solid;
  border-bottom: 13px transparent solid;
  border-right: 11px #f3f3f3 solid;
}

.zy-loupan-list .icon-vr-s,
.zy-loupan-list .icon-video {
  width: 32px;
  height: 32px;
  background: url("../images/icon-vr-small.png?v=9058dbe") no-repeat;
  display: inline-block;
}

.zy-loupan-list .icon-video {
  background: url("../images/icon-play.png?v=575ab95") no-repeat;
}

.loupantype {
  display: inline-block;
  float: left;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  margin-right: 8px;
  border: 1px transparent solid;
  color: #fff;
  padding: 0 6px;
  border-radius: 4px;
}

.loupantype.item-1 {
  background: #ea7272;
  border: 1px #ea7272 solid;
}

.loupantype.item-2 {
  background: #fff;
  border: 1px #ea7272 solid;
  color: #ea7272;
}

.zy-loupan-list{
  padding-top: 35px;
}

.zy-loupan-list li {
  overflow: hidden;
  position: relative;
  margin-bottom: 35px;
}

.zy-loupan-list li .thumb {
  width: 248px;
  height: 180px;
  overflow: hidden;
  border-radius: 3px;
  position: relative;
  float: left;
}

.zy-loupan-list li .thumb img {
  width: 100%;
  transition: all 0.75s cubic-bezier(0, 0, 0.58, 1);
}

.zy-loupan-list li .thumb .icon-group {
  position: absolute;
  right: 10px;
  bottom: 12px;
  z-index: 90;
}
.zy-loupan-list li .thumb .icon-group i {
  margin-left: 10px;
}
.zy-loupan-list li .info {
  width: 600px;
  height: 180px;
  position: relative;
  float: right;
}
.zy-loupan-list li .info .list-title {
  overflow: hidden;
  font-size: 18px;
  color: #333;
  line-height: 21px;
  padding-top: 4px;
  margin-bottom: 16px;
}
.zy-loupan-list li .info .list-title .txt {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.zy-loupan-list li .info .list-title .tag-item2 {
  margin-top: -2px;
}
.zy-loupan-list li .info .address {
  background: url("../images/icon-location2.png?v=d909f50") no-repeat left center;
  padding-left: 20px;
  margin-bottom: 20px;
}
.zy-loupan-list li .info .address i {
  color: #d2d2d2;
  font-size: 12px;
  padding: 0 15px;
}
.zy-loupan-list li .info .area-item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.zy-loupan-list li .info .price-con {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 91;
}
.zy-loupan-list li a {
  color: #666;
  display: inline-block;
}

.zy-loupan-list li a:hover .thumb img {
  transform: scale(1.06);
}

.price-con {
  font-size: 12px;
  text-align: right;
}

.price-con .num {
  font-size: 30px;
  color: #97775e;
  font-weight: bold;
  padding: 0 3px;
}

.price-con .tag-item {
  margin-bottom: 5px;
  margin-right: 8px;
}

.price-con .through-line {
  text-decoration: line-through;
  color: #999;
}

.area-item .txt {
  width: 100%;
  float: left;
  line-height: 36px;
  color: #666;
}

.area-item .label-group {
  background: #f9f9f9;
  float: left;
  border-radius: 3px;
  overflow: hidden;
  border-right: 1px #f0f0f0 solid;
}

.area-item .label-group span {
  width: 72px;
  text-align: center;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  float: left;
  display: inline-block;
  border: 1px #f0f0f0 solid;
  border-right: none;
}

.area-item .label-group span:hover {
  font-size: 14px;
  background: #666;
  color: #fff;
}

.area-item .label-group span:first-child {
  border-radius: 3px 0 0 3px;
}

.area-item .label-group span:last-child {
  border-radius: 0 3px 3px 0;
}

.area-item .label-group span.more {
  border-right: none;
  width: 52px;
  background: url("../images/icon-more.png?v=697c085") center center no-repeat;
}

.area-item .label-group span.more:hover {
  background: url("../images/icon-more-hover.png?v=99e1261") center center no-repeat;
  background-color: #666;
}

.tag-item {
  background: #ea7272;
  color: #fff;
  font-size: 12px;
  height: 20px;
  line-height: 19px;
  display: inline-block;
  position: relative;
  padding: 0 1px;
}

.tag-item:before, .tag-item:after {
  content: '';
  width: 8px;
  height: 20px;
  position: absolute;
  top: 0;
}

.tag-item:before {
  background: url("../images/tag-left.png?v=0b1db28");
  left: -8px;
}

.tag-item:after {
  background: url("../images/tag-right.png?v=aa33e26");
  right: -8px;
}

/*// end*/

.collect_page{
	margin-top: 20px;
}

.collect_page .pagination .current,
.collect_page .pagination a:hover {
    border: 1px #202020 solid;
    color: #202020;
}
.no_result {
    padding: 50px 0 50px 0;text-align: center;color: #999;
}
/*租客个人中心*/
/*个人基本信息模块 start*/
.tenant-info-box{
	background:url(../images/tenant-top-bg.jpg) top center;padding: 15px 0;
}
.tenant-info-box .avatar_box{
	float: left;
}
.tenant-info-box .user-name{
	line-height: 90px;float: left;
}
.tenant-info-box .user-name .name{
	 font-size: 16px;padding-right: 15px;
}
.tenant-info-box .user-name .grade{
	font-size: 14px;color: #e4c283;font-weight: bold;font-style: italic;
}
.tenant-info-box .user-name .grade i{
	font-size: 18px;font-style: italic;
}

.tenant-info-box .integral{
	position: relative;margin-top: 34px;padding-right: 25px;
}
.tenant-info-box .integral .icon-qr-gray{
	position: absolute;right: 0;top: 2px;display: inline-block;
}
.tenant-info-box .integral .icon-qr-gray span{
	width: 145px;border: 1px #e5e5e5 solid;text-align: center;border-radius: 3px;display: none;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	padding: 6px 10px;font-size: 12px;color: #999;
	position: absolute;top: 26px;right: -19px;
}
.tenant-info-box .integral .icon-qr-gray span i{
	width: 12px;height: 7px;display: inline-block;position: absolute;top: -7px;right: 20px;
	background: url(../images/bubble_arrow_up.png) no-repeat;
}
.tenant-info-box .integral .icon-qr-gray:hover span{
	display: block;
}

/*没有数据 css样式 start*/
.nodata{
	padding: 50px 0;text-align: center;color: #ccc;
}

.cow-pop{
	position: fixed;z-index: 999999;width: 400px;height:400px;top: 50%;left: 50%;
	margin-top: -200px;margin-left: -200px;
}
.cow-pop img{
	width: 100%;
}


.blur_bg{ 
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-ms-filter: blur(10px);
}

/* 实名认证css 新增与2022-06-30 */
.num_em{
	display: inline-block;position: relative; margin: 0 5px;
}
.num_em::after{
	content: '';
	background-color: #e6f0fd;position: absolute;left: 0;right: -1px;bottom: 4px;height: 40%;z-index: -1;
	border-radius: 4px;
}

.real-name-authenttication-box{
  background: url(../images/real-name-bg.jpg) no-repeat bottom center;
  background-size: cover;
  position: relative;
}
.real-name-authenttication-box .inner-box{
  width: 480px;height: 450px;background: #fff;border-radius: 8px;
  position: absolute;left: 50%;top: 50%;margin-left: -240px;margin-top: -220px;z-index: 9909;
  text-align: center;
}
.real-name-authenttication-box .inner-box h2{
  font-size: 24px;font-weight: 300;padding: 35px 0 10px 0;
}
.real-name-authenttication-box .inner-box .txt{
  font-size: 18px;padding: 2px 10px;border-radius: 4px;
}

.real-name-icon{margin-top:20px;margin-bottom: 8px;}
.real-name-authenttication-box a.big-btn{
  font-size: 18px;width: 330px;height: 48px;text-align: center;line-height: 48px;color: #fff;
  background: #04a2ff;display: inline-block;border-radius: 6px;margin-bottom:12px;
}
.real-name-authenttication-box .inner-box .tips{
	width: 330px;margin: 0 auto;line-height: 1.3;padding-bottom: 15px;
}
.real-name-authenttication-box a.reset{color:#999;font-size: 16px;}
.real-name-authenttication-box a.reset:hover{
  text-decoration: underline;
}

/*收藏&历史浏览 新增于20200525 end*/

.tipsbox{
	position: relative;min-height: 25px;cursor: pointer;
}
.tipsbox .text{
	position: absolute;width: 210px;padding: 10px;left: 50%;margin-left: -115px;line-height: 1.3 !important; color: #999;text-align: left;
	background: #fff; border-radius: 6px;box-shadow: 0 0 5px rgba(0,0,0,0.1);
	top: 25px;
	display: none\9;
	transform: scale(0);
	opacity: 0;
	transition: all .275s linear;
}
.tipsbox .text::after{
	content: '';
	border-bottom: 5px #fff solid;
	border-left: 5px transparent solid;
	border-right: 5px transparent solid;
	position: absolute;left: 50%;margin-left: -3px;top: -5px;
}
.tipsbox:hover .text{
	display: inline-block\9;
	transform: scale(1);
	opacity: 1;
}


/*新手引导 css start*/
.guide_step{ display:none; position:absolute;top:0; z-index:9999}
.guide_step a{position:absolute; display:block;text-indent: -999px;overflow: hidden;}
.guide_step a.jump_over_btn{
	width:116px;height:48px;background: url(../images/guide-close.png) no-repeat;
	top: -60px;right: -10px;
}
.guide_step a.guide_btn{width:90px;height:52px;right:0; bottom:0; text-align: center;}
.guide_step_01{
	position:fixed;width: 480px;height:170px;left: 50%; margin-left:-240px;top: 50%;margin-top: -200px; display:block;
	background: url(../images/guide_img_01.png) no-repeat;
}
.guide_step_01 a.guide_btn{width:100px;bottom:0;left: 50%;margin-left: -45px}
.guide_step_02{
	width: 378px;height: 137px;
	left:50%;top: 66px;margin-left: -40px;
	background: url(../images/guide_img_02.png) no-repeat;
}
.guide_step_02 a.jump_over_btn{top:-50px}
.guide_step_03{width: 639px;height: 206px;background: url(../images/guide_img_03.png) no-repeat;}
.guide_step_03 a.jump_over_btn,
.guide_step_04 a.jump_over_btn{top:-20px}
.guide_step_04{width: 796px;height: 199px;background: url(../images/guide_img_04.png) no-repeat;}
.guide_step_05{width: 690px;height: 192px;background: url(../images/guide_img_05.png) no-repeat;}
.guide_step_06{width: 648px;height: 87px;background: url(../images/guide_img_06.png) no-repeat;}
.guide_step_07,
.guide_step_08,
.guide_step_09{width: 920px}

.guide_step_07{height: 275px;background: url(../images/guide_img_07.png) no-repeat;}

.guide_step_08{height: 504px;background: url(../images/guide_img_08.png) no-repeat;}
.guide_step_09{height: 798px;background: url(../images/guide_img_09.png) no-repeat;}
.guide_step_07 a.jump_over_btn{right: 0;top: -50px;}
.guide_step_08 a.jump_over_btn{right: 0;}
.guide_step_08 a.guide_btn,
.guide_step_08 a.guide_btn{bottom: none;right: 65px;top:-5px;}
.guide_step_09 a.guide_btn{right: 216px;top:-5px;}
.guide_step_09 a.jump_over_btn{display: none}
/*新手引导 css end*/

#main-container{
	min-height: calc(100vh - 67px - 199px - 40px);
}

.select-drop-box{
	width: 100px; position: relative;
}
.select-drop-box .select-link{
	position: relative;line-height: 30px;display: block;padding: 0 15px; border-radius: 3px 3px 0 0;background-color: #fff;
	color: #787878;
}
.select-drop-box .select-link::after{
	content: '';width: 14px;height: 8px;background: url(../images/icon-sprit.png) no-repeat -30px -20px;
	display: block;position: absolute;right: 15px;top: 50%;margin-top: -4px;
	transform: scale(0.75);
}
.select-drop-box .select-drop-cont{
	position: absolute;left: 0;right: 0;z-index: 900;
	padding: 0 0 5px 15px;
	background-color: #fff;
	box-shadow: 0 6px 10px rgba(0,0,0,0.1);
	transform: scaleY(0);
	transform-origin: top center;
	transition: transform .275s linear;
}
.select-drop-box .select-scroll-inner{
	max-height: 100px;
	overflow: hidden;
	overflow-y: auto;
	 -webkit-overflow-scrolling: touch;
}

.select-drop-box.opened .select-drop-cont{
	transform: scaleY(1);
}

.select-drop-box .select-scroll-inner::-webkit-scrollbar {
	width:4px;
	border-radius:4px;
	overflow: hidden;
}
.select-drop-box .select-scroll-inner::-webkit-scrollbar-track {
    background: #cdcdcd;border-radius:4px;
}
.select-drop-box .select-scroll-inner::-webkit-scrollbar-thumb {
    background-color: #04a2ff;border-radius: 4px;
}


.select-drop-box .select-scroll-inner .item{
	line-height:20px;padding: 8px 0; border-bottom: 1px #f2f2f2 solid;cursor: pointer;
	margin-right: 15px;
}

.select-drop-box .select-scroll-inner .item.selected{
	color: #04a2ff;background: url(../images/icon-confirm.png) no-repeat right center;
}
.select-drop-box .select-scroll-inner .item:last-child{
	border-bottom: none;
}

@media screen and (max-width:1200px){
	.wrap-box{width:980px}
	.cont_box{width:700px}
	.avatar_box{width:52px;height:52px; border-width:4px;}
	.certified span{width:62px}
	.certified span.certified_card{width:62px;border-right:none}
	.office_list .office_text{width: 220px}
	.property_list .property_text{width: 428px}
}