@charset 'utf-8';
[v-cloak]{
display:none!important;
}
*{box-sizing:border-box}
body,html{height:100%;margin:0;padding:0}
/* body{position:relative;min-height:100%!important;height:auto;padding-bottom:160px!important} */
body{
	position: relative;
    min-height: 100%!important;
    height: auto;
    padding-bottom: 230px!important;
}
div#head-bj{background:#fff}
.h-con{width:1200px;margin:auto;padding:20px 0;display:table}
.h-con-tap{display:table-cell;position:relative}
.logoicon{cursor:pointer;width:176px;height:50px;background:url(/Platform_N/NetHos_public/bjHos/image/common/Logo/logo.png) no-repeat center}
.search{padding:8px 30px;display:table;padding-bottom:0}
#Hsearch{font-family:微软雅黑;width:460px;height:34px;box-sizing:border-box;background-color:#fff;border:solid 1px #328afc;display:table-cell;padding:8px}
.SearchBTN{font-family:微软雅黑;box-sizing:border-box;background-color:#328afc;display:table-cell;text-align:center;width:90px;height:15px;vertical-align:middle;font-size:16px;font-weight:400;font-stretch:normal;line-height:0;letter-spacing:0;color:#fff;cursor:pointer}
.h-con-tap.regist_login{display:inline-block;position:relative;font-family:微软雅黑;color:#000;vertical-align:top!important}
.rl_card1 span{padding:0 10px;cursor:pointer;vertical-align:top;width:54px;display:inline-block;font-size:16px;text-align:center}
div#nav{background-color:#328afc;box-sizing:border-box;display:block;overflow:hidden}
.ul1{font-size:0;padding:0;margin:0 auto;width:1200px;list-style:none}
.ul1 li{min-width:133px;padding:12px;height:44px;font-size:14px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0;color:#fff;float:left;display:inline-block;box-sizing:border-box;text-align:center;cursor:pointer}
.ul1 li:hover{background:#034eaf}
.ul1 li:hover .ul2{display:block}
.ul1 li:hover .ul2 li{background:#fff}
.ul1 li:hover .ul2 li:hover{background:#328afc;color:#fff}
ul.ul2{display:none;padding:0;box-sizing:border-box;position:absolute;margin:12px -11px;list-style:none;background:#fff;color:#000;width:119px;box-shadow:0 2px 8px -2px #4a4a4a;z-index:99999}
.ul2 li{width:100%;height:37px;font-size:14px;line-height:28px;padding:5px;font-stretch:normal;color:#777;box-sizing:border-box;cursor:pointer;text-align:center;vertical-align:top}
.rg{height:16px}
.li-div{display:inline-block;position:relative;width:80px;text-align:center}
ul.ul{display:none;list-style:none;margin:0;padding:0;text-align:center;border-collapse:collapse;position:absolute;background:#fff;z-index:999;width:80px;top:25px;box-shadow:0 3px 9px -2px #000}
.ul li{border-bottom:1px solid #f0f0f0;font-size:16px}
.ul li:last-child{border-bottom:none}
.ul li a{background:#fff;display:block;padding:8px 4px;font-size:15px}
.ul li a:hover{color:#fff!important;background:#00b5e5!important}
.regist:hover span{color:#1cbb91}
.regist:hover ul[for=regist]{display:block}
.login:hover span{color:#1cbb91}
.login:hover ul[for=login]{display:block}
.rl_card2{right:0;vertical-align:top;font-size:0}
.rl_card2>ul{display:inline-block;text-align:center;margin:0 auto;padding:0}
.welcome{font-size:16px;color:#328afc;float:left;vertical-align:bottom;display:inline-block;padding:0 5px}
.rl_card2>UL>.tab-li-xl{font-size:13px;display:inline-block;cursor:pointer;color:#000;transition:.3s;float:left}
.rl_card2>ul>.tab-li-xl:hover{background:#328afc;color:#fff}
.tab-li-xl:hover>.User-card{display:block;transition:.3s}
.User-card{display:none;box-shadow:-2px 5px 11px -4px #252525;font-size:14px;background-color:#fff;position:absolute;border:1px solid #eee;border-top:none;width:280px;padding:20px;line-height:initial;z-index:9999999999;left:-25%}
.User-card-content{border-bottom:1px solid #eee;color:#333}
.User-car-gn{padding-top:10px;font-size:0;position:relative;border-bottom:1px solid #eee}
.User-card-time{font-size:0;display:block;color:#999;margin-top:10px}
.User-card img{width:80px;height:80px;float:inherit;position:relative;display:inline-block}
.User-card-info{font-size:14px;width:176px;display:inline-block;margin:10px;color:#333}
.User-card-info>div{margin-bottom:5px}
.User-card-name{font-size:14px}
.User-car-gn>a{font-size:14px;width:50%;text-align:center;padding:5px 0;display:inline-block;color:#397cbf;cursor:pointer}
.User-car-gn>a:hover{background:#f0f0f0}
.User-card-time>span{margin-bottom:5px;display:block;font-size:14px}
.rg_span{    vertical-align: top;height:23px!important;color:#080808;border-left:2px solid #328afc;padding:0 5px;font-size:16px;display:inline-block;cursor:pointer}
.LoginState{display:inline-block;padding:0 5px;min-width:50px;max-width:110px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;height: 23px;}
.MAP{position:relative;padding:0 0 0 25px}
.cityBox{display:none;border:1px solid #efefef;position:absolute;padding:5px;margin:0;width:350px;height:250px;background:#fff;box-shadow:0 0 5px -3px #d4d2d2;z-index:10;border-radius:3px;left:28px}
ul#citylist{margin:0;padding:0;height:222px;overflow:auto}
#citylist li{display:inline-block;padding:4px;border:1px solid #e2e2e2;border-radius:3px;margin:3px;cursor:pointer;user-select:none;color:#00acd8;background:#f9f9f9}
input.button{border:0;padding:5px;width:50px;border-radius:3px;background:#00acd8;color:#fff;cursor:pointer;user-select:none}
#dingwei{background:url(/Platform_N/NetHos_public/bjHos/image/common/map-icon.png) no-repeat 0 -1px;background-size:18px 18px;padding-left:21px;font-size:14px}
.city{display:block}
#dingwei:hover .cityBox{display:inline-block}
ul.rs{margin:0;padding:0;list-style:none;position:absolute;left:32px;background:#fff;width:366px;box-shadow:-1px 5px 8px -3px #545454;color:#a2a3a2;font-size:14px;z-index:20;height:auto}
.rs li{padding:3px 10px;display:inline-block;width:100%;overflow:hidden;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:#000;font-size:12px;font-weight:700}
.rs li:hover{background:#00acd8}