@charset "UTF-8";
html, body { background: #F7F8FB; }

.header { height: 1rem; background: #2590FF; }

.header .go-back { width: .38rem; height: 100%; padding-right: .78rem; background: url(./../images/left.png) no-repeat 0.2rem/0.18rem 0.33rem; }

.header .search { width: .52rem; height: 100%; background: url(./../images/search.png) no-repeat left/0.37rem 0.36rem; }

.header .menu { width: .64rem; height: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAq9JREFUeF7tlk+IjlEUxn/PQjaKLEwmS9mMJPlTbJTCAkmKEhsKJcnYY2FFzcKCiAW2mjKrmY2FyCT5b6dsxM6EjYWObn1T32Lu+55vZu7i9p67Pvc55z7nec65ouNHHX8/QUAooOMMhAU6LoAYgmGBsEDHGQgLdFwAsQXCAmGBjjMQFui4AGILhAXCAh1nICzQcQHEFhjYAma2GhgGZiR9WYiCzGwd8G8RcFJNQ5LeDlqPmwAzWwXcBQ70JfkKTEk6PUhiM7sOHAXW9O7NF+cMcA4Y6eHMAM+Aa5KmPTW5CDCzncDTFsARSZ+bYsxsG/ByoTjpvpl97Hv4XJBXJV1pI6GVAOfjU55Pkta3EPCtZ5+mMA/OE2B/2+OAtW328hDwHNjuSJZCsqybWerG5UXA2Q1MOnHGJR1qim0kwMyWAL+Bpc6E9yWdnCvWzMaBg06cSUl7MziXgDRDPOeXpOULIWAT8NqTqReTBuKeTOE/gRVOrGzhAxKZ0m2WlH1DmwKGgB/OolPYY0mHMwS8ATY6sbJzwMzGgAtOnBQ2LOl7Lt4zA94BG5wJxyRdzBBwC0hry3PuSTqVwTkOPPCAeAazh4BR4IYzYVZuZrYPmHDi7JD0IkPASuCDY5uk62cl3Z73DJi9aGaetXNC0sOmZGb2CDjWQkLr/jazhJGwmk7rOk2XWxXQR0JOen+AUUl3PN01syYJ35R03omTVnPKOfsL7L82Ian/x5qFdBOQEMwszYJdwBbgL5C+m9OS0oBznwzOq6ZpnbHDMuAIsBVIX/X0Z3kvacpbzEAEeEFrigsCaupWiVpDASVYrQkzFFBTt0rUGgoowWpNmKGAmrpVotZQQAlWa8IMBdTUrRK1hgJKsFoTZiigpm6VqDUUUILVmjBDATV1q0StoYASrNaE+R8gRcxBILt5mwAAAABJRU5ErkJggg==") no-repeat left/0.48rem auto; }

.top_info { background: #2590FF url(./../images/top-bj.png) no-repeat right bottom/2.4rem 1.8rem; }

.top_info:after { position: absolute; left: 0; top: 100%; width: 100%; height: .6rem; background: #2590FF; content: ''; }

.top_info .info-title .before, .top_info .info-title .after { height: .7rem; width: .3rem; }

.top_info .info-title .before { background: url(./../images/before.png) no-repeat right/0.26rem 0.62rem; }

.top_info .info-title .after { background: url(./../images/after.png) no-repeat left/0.26rem 0.62rem; }

.hos_list.bj { background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.88rem, #ffffff), color-stop(2rem, #F7F8FB)); background: -webkit-linear-gradient(top, #FFFFFF 0%, #ffffff 0.88rem, #F7F8FB 2rem); background: linear-gradient(180deg, #FFFFFF 0%, #ffffff 0.88rem, #F7F8FB 2rem); -webkit-border-radius: .31rem .31rem 0 0; border-radius: .31rem .31rem 0 0; }

.hos_list .list .img-box { width: 1.9rem; height: 1.2rem; -webkit-border-radius: .08rem; border-radius: .08rem; }

.hos_list .list .img-box .num { position: absolute; left: 0; top: 0; width: .29rem; height: .35rem; padding-right: .1rem; background: url(./../images/num.png) no-repeat left top/100% auto; }

.hos_list .list:nth-child(1) .num { background-image: url(./../images/num1.png); }

.hos_list .list:nth-child(2) .num { background-image: url(./../images/num2.png); }

.hos_list .list:nth-child(3) .num { background-image: url(./../images/num3.png); }

.hos_list .list .pp { padding: .06rem .12rem; background: #FF4D4D; -webkit-border-radius: .08rem; border-radius: .08rem; }

.hos_list .list .flag { -webkit-border-radius: .08rem; border-radius: .08rem; border: .02rem solid #8C95AA; color: #8C95AA; }

.hos_list .list .phb { color: #C69623; padding-left: .3rem; background: url(./../images/phb.png) no-repeat left/0.26rem 0.24rem; }

.hos_list .list .intro { padding: .18rem .22rem; -webkit-border-radius: .1rem; border-radius: .1rem; background: #F7F8FC; }

.hos_list .list .btn .a2 { line-height: .62rem; -webkit-border-radius: .1rem; border-radius: .1rem; border: 1px solid #FF9640; color: #FF9640; }

.hos_list .list .btn .a2.hy { border-color: #2F8AF6; color: #2F8AF6; }

.hos_list .list .btn .a2.hy:after { position: absolute; right: -0.2rem; top: -0.12rem; content: '号源充足'; text-align: center; line-height: .34rem; width: 1.1rem; color: #fff; font-size: .22rem; background: url(./../images/hy.png) no-repeat left top/cover; }

.hos_list .list .btn .a { padding-top: .58rem; }

.hos_list .list .ys { background: url(./../images/ys.png) no-repeat center top/0.48rem 0.48rem; }

.hos_list .list .yy { background: url(./../images/yy.png) no-repeat center top/0.48rem 0.48rem; }

.hos_list .list .hz { background: url(./../images/hz.png) no-repeat center top/0.48rem 0.48rem; }

.hos_list .list .ks { background: url(./../images/ks.png) no-repeat center top/0.48rem 0.48rem; }

.hos_list .tips { padding-left: .36rem; background: url(./../images/tips.png) no-repeat left/0.28rem 0.28rem; }

.empty_hos_list .lists .list:last-child { border-bottom: none; }

.select_box .select { height: .88rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 .1rem; width: 33.33333333333%; }

.select_box .select:after { width: .2rem; height: 100%; content: ''; background: url(../images/1.png) no-repeat right/0.14rem auto; }

.lh64 { line-height: .64rem; }

.br16 { -webkit-border-radius: .16rem; border-radius: .16rem; }

.br10 { -webkit-border-radius: .10rem; border-radius: .10rem; }

.icon_xgyy { padding-left: .42rem; background: url(./../images/xgyy.png) no-repeat left/0.36rem auto; }

.icon_hot_news { padding-left: .42rem; background: url(./../images/new.png) no-repeat left/0.36rem auto; }

.hos_point .span { width: .08rem; height: .08rem; background: #D8D8D8; -webkit-border-radius: .04rem; border-radius: .04rem; margin: 0 .02rem; }

.hos_point .span.on { background: #2F8AF6; width: .26rem; }

.hot_list .des { background: #F7F8FC; }

.before_point:before { display: inline-block; width: .06rem; height: .06rem; -webkit-border-radius: 50%; border-radius: 50%; background: #D5D8E2; content: ''; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: .1rem; }

.footer { background: #3B393E; }

.footer .logo-box { width: 2.02rem; height: .54rem; }

.opacity9 { opacity: .9; }

.hos_empty { padding-top: 2.6rem; margin-bottom: .5rem; background: url(./../images/empty.png) no-repeat; background-position: center .8rem; -webkit-background-size: auto 2rem; background-size: auto 2rem; }

.check_more_btn { width: 2.4rem; height: .56rem; -webkit-border-radius: .28rem; border-radius: .28rem; background: #EAF3FE; margin: 0 auto; color: #2F8AF5; }

.check_more_btn .i { width: .3rem; height: .3rem; background: url(./../images/right.png) no-repeat right center/0.24rem 0.24rem; }


/* header-sub.css -----------------------------------------------------------------*/
.header-sub-wrap { display: none; position: absolute; width: 100%; left: 0; top: .88rem; background-color: #313131; z-index: 11; }

.header-sub-box { padding: 0.28rem 0.2rem; }

.header-site-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -0.1rem; }

.header-site-links > li { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0.1rem; }

.header-site-links > li:nth-of-type(1) .header-site-link { background-color: #3f706d; }

.header-site-links > li:nth-of-type(2) .header-site-link { background-color: #4e6c80; }

.header-site-links > li:nth-of-type(3) .header-site-link { background-color: #825946; }

.header-site-link { display: block; font-size: 0.28rem; text-align: center; color: #fff; line-height: 0.6rem; -webkit-border-radius: 0.24rem; border-radius: 0.24rem; }

.header-cate:first-of-type { margin-top: 0.18rem; }

.header-cate dt { position: relative; font-size: 0.24rem; text-align: center; line-height: 0.44rem; color: #999; }

.header-cate dt:after, .header-cate dt:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: 1px; width: 100%; height: 1px; background: #2a2a2a; z-index: 0; }

.header-cate dt:before { margin-top: 0; background: #464646; }

.header-cate .header-cate-tit { position: relative; z-index: 1; background-color: #313131; padding: 0 0.05rem; }

.header-cate-links { margin-right: -0.52rem; font-size: 0; }

.header-cate-link { display: inline-block; color: #ffffff; font-size: 0.28rem; margin-right: 0.52rem; line-height: 0.6rem; }

.header-passprot-links { position: relative; z-index: 1; padding: 0.2rem 0 0 0; margin-top: 0.18rem; text-align: center; font-size: 0; }

.header-passprot-links:after, .header-passprot-links:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #2a2a2a; }

.header-passprot-links:before { top: -1px; background: #464646; }

.header-passprot-links > li { display: inline-block; }

.header-passprot-link { display: inline-block; width: 2rem; margin: 0 0.1rem; line-height: 0.64rem; font-size: 0.28rem; color: #ffffff; background: #909090; -webkit-border-radius: 0.03rem; border-radius: 0.03rem; }

.icon-header-collapse-up { position: absolute; width: 0.8rem; height: 0.8rem; background: #313131; left: 50%; margin-left: -0.4rem; bottom: -0.4rem; -webkit-border-radius: 50%; border-radius: 50%; z-index: 0; }

.icon-header-collapse-up:after { content: ''; position: absolute; width: 0.2rem; height: 0.2rem; left: 50%; top: 50%; margin: -0.01rem 0 0 -0.1rem; border-left: 0.03rem solid #ccc; border-bottom: 0.03rem solid #ccc; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }


.block-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 0.88rem; line-height: 0.88rem; border-bottom: 2px solid #eee; }

.block-header .block-header-tit { position: relative; font-size: 0.32rem; color: #101010; }

.block-header .block-header-tit:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 2px; background: #6596FF; }

.block-header .block-more { font-size: 0.24rem; color: #999; }

.mask{
	position: absolute;
	left: 0;
    top: 0;
	background-color: rgba(0, 0, 0, .4);
	z-index: 9;
	display: none;
    width: 100%;
    height: 100%;
}
.filter {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    display: none;
    z-index: 99;
}
.hos_list_zindex .mask2{
    position: absolute;
    left: 0;
    right: 0;
    top: .88rem;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    content: '';
    display: none;
    z-index: 9;
}
/*.empty_hos_list:after{
    top: 0;
}*/

body.filterOpen {
    position: relative;
}
body.filterOpen .mask,body.filterOpen .hos_list_zindex .mask2{
	display: block;
}

body.filterOpen .header,body.filterOpen .hos_list_zindex, body.filterOpen .top_info{
    position: relative;
    z-index: 1000;
}

.filter .filter-sub-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #eee;
    background: #fff;
}

.filter .filter-sub-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.filter .filter-side-nav {
    width: 2.6rem;
    border-right: 1px solid #eee;
    background: #F8F8F8;
    max-height: 10rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.filter .filter-side-nav .nav-side-item {
    display: block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.32rem;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filter .filter-side-nav .nav-side-active {
    position: relative;
    width: 100%;
    background: #fff;
    color: #6596FF;
}

.filter .filter-side-nav .nav-side-active:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
}

.filter .filter-side-con {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .6rem 0 .4rem;
    height: 10rem;
    overflow-y: scroll;
    background: #fff;
}

.filter .side-con0 {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    display: block;
    padding-left: 0.2rem;
    height: 1rem;
    line-height: 0.5rem;
    border-bottom: 1px solid #eee;
    display: flex;
      align-items: center;
}

.filter a.side-con0:last-of-type {
    border-bottom: none;
}

.filter .filter-level {
    background: #fff;
}

.filter .filter-level .filter-level-item {
    width: 100%;
    height: 1rem;
    font-size: 0.32rem;
    line-height: 1rem;
    text-align: center;
    colo: #333;
    border-bottom: 1px solid #eee;
}

.filter .filter-sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.3rem;
    background: #fff;
    margin-right: -0.3rem;
}

.filter .filter-sort .filter-sort-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.3rem;
    margin-bottom: 0.3rem;
    max-width: 33.3333333%;
    min-width: 33.3333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filter .filter-sort .filter-sort-item span,.filter .filter-sort .filter-sort-item .span {
    display: block;
    width: 100%;
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.28rem;
    color: #333;
    text-align: center;
    border: 1px solid #eee;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.sub-active {
    color: #6596FF;
}

.sp-letter {
    color: #FF8C7D;
}

.sequ {
    position: absolute;
    right: 0;
    top: 0.14rem;
    width: 0.6rem;
    font-size: 0;
}

.sequ .em {
    display: block;
    padding-bottom: .09rem;
    text-align: center;
    line-height: 1.2;
    font-size: 0.24rem;
}

.sequ .em.current {
    color: #FF8C7D;
}

.fixTop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
}

.filter-overlay {
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.page{
    line-height: .74rem;
    text-align: center;
}

.page a,.page .curr{
    color: #2F8AF6;
}
.page a{ width:30%; }
.page a,.page .currBox{ background:#fff; border-radius:6px; }
.page .currBox{ margin:0 .2rem; width:40%; }