/*body { background: #c01920 url(../images/fbh2020/footer_floor.png) center bottom no-repeat; background-size: 100% auto; }*/
body{background:#c01920;}
.fbh-bannerbox{position: relative;}
.fbh-bannerbox .logo{position: absolute; top: 0; left: 0; z-index: 1; width: 20rem; height: 4.6rem; background: url(../images/gfj2020/logo_zpw.png) center center no-repeat; background-size: auto 4.6rem;}
.fbh-bannerbox .go-location{position: absolute; top: 0.6rem; right: 0.6rem; z-index: 1; display: inline-block; height: 2.8rem; line-height: 2.8rem; padding: 0 0.7rem 0 2rem; border-radius: 1.4rem; color: #fff; background: #af151c url(../images/gfj2020/icon_location.png) 0.6rem 0.8rem no-repeat; background-size: 1.5rem;}
.fbh-banner{text-align: center;}

.fbh-entrancebox{margin-top: 1rem;margin-bottom:0.5rem;}
.fbh-entrance{text-align: center; padding: 0 0.35rem; margin-top: 1rem;}
.fbh-entrance li{float: left; width: 50%;}
.fbh-entrance.row3 li{width: 33.33%;}
.fbh-entrance.row4 li{width: 25%;}
.fbh-entrance.row5 li{width: 20%;}
.fbh-entrance .termbox{margin: 0 0.25rem;}
.fbh-entrance .ablock{display: block; /*padding: 0.15rem; border-radius: 1.5rem; color: #fff;*/}
.fbh-entrance .ablock.bg0{background: #ea469f;}
.fbh-entrance .ablock.bg1{background: #5dc561;}
.fbh-entrance .ablock.bg2{background: #ec6c37;}
.fbh-entrance .ablock.bg3{background: #b02ff5;}
.fbh-entrance .ablock.bg4{background: #e74e27;}
.fbh-entrance .icon{display: block; padding-top:82%; border-radius: 1.3rem; background-color: #e8e8e8;  background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fbh-entrance p{height: 2.4rem; line-height: 2.4rem; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.fbh-dynamicbox{padding: 0 0.6rem; margin-top: 2.8rem;}
.fbh-dynamic-wrap{position: relative; padding-top: 1.6rem;}
.title-fbh-dynamic{position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -6.15rem; width: 12.3rem; height: 3rem; background: url(../images/gfj2020/title_dynamic.png) center center no-repeat; background-size: auto 3rem; }
.fbh-dynamic{height: 4.8rem; overflow: hidden; padding: 1.8rem 0.9rem 1rem; border:0.1rem solid #fae126; font-size: 1.5rem; border-radius: 1rem;}
.fbh-dynamic .swiper-container{height: 4.8rem; overflow: hidden;}
.fbh-dynamic .ablock{display: block; height: 2.4rem; line-height: 2.4rem; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 

.title-icon{height: 3.6rem; line-height: 3.6rem; color: #fff; text-align: center;}
.title-icon *{vertical-align: middle;}
.title-icon .title{display: inline-block; font-size: 2rem; font-weight: 600;}
.title-icon .icon-colour-ribbon{display: inline-block; width: 3.5rem; height: 3rem; background: url(../images/gfj2020/title_colour_ribbon.png) center center no-repeat; background-size: 3.2rem auto; }
.title-gradation{position: relative; height: 4.6rem; line-height: 4.6rem; color: #fff;}
.title-gradation.bggradation0{background: url(../images/gfj2020/title_gradation0.png) center center no-repeat; /*background-size: auto 4rem;*/ background-size: cover;}
.title-gradation.bggradation1{background: url(../images/gfj2020/title_gradation1.png) center center no-repeat; background-size: cover;}
.title-gradation.bggradation2{background: url(../images/gfj2020/title_gradation2.png) center center no-repeat; background-size: cover;}
.title-gradation.bggradation3{background: url(../images/gfj2020/title_gradation3.png) center center no-repeat; background-size: cover;}
.title-gradation.title-anchor{background: url(../images/gfj2020/index_title/title_anchor.png) center center no-repeat; background-size: cover;}
.title-gradation.title-brand{background: url(../images/gfj2020/index_title/title_brand.png) center center no-repeat; background-size: cover;}
.title-gradation.title-broker{background: url(../images/gfj2020/index_title/title_broker.png) center center no-repeat; background-size: cover;}
.title-gradation.title-dialogue{background: url(../images/gfj2020/index_title/title_dialogue.png) center center no-repeat; background-size: cover;}
.title-gradation.title-discount{background: url(../images/gfj2020/index_title/title_discount.png) center center no-repeat; background-size: cover;}
.title-gradation.title-dynatown{background: url(../images/gfj2020/index_title/title_dynatown.png) center center no-repeat; background-size: cover;}
.title-gradation.title-recommend{background: url(../images/gfj2020/index_title/title_house_recommend.png) center center no-repeat; background-size: cover;}
.title-gradation.title-live{background: url(../images/gfj2020/index_title/title_live.png) center center no-repeat; background-size: cover;}
.title-gradation.title-vr{background: url(../images/gfj2020/index_title/title_vr.png) center center no-repeat; background-size: cover;}
.title-gradation .ablock{display: block; color: #fff; height: 4.6rem;}
.title-gradation .title{font-size: 1.8rem; font-weight: 600;}
.title-gradation .subtitle{font-size: 1.3rem; opacity: 0.6; margin-left: 0.6rem; padding-left: 0.75rem;}
.title-gradation .more{position: absolute; top: 50%; right: 1rem; margin-top: -1.2rem; z-index: 1; padding: 0 0.3rem; display: inline-block; height: 2.2rem; line-height: 2.2rem; border:1px solid #fff; border-radius: 1.2rem; font-size: 1.3rem;}
.title-floor{position: relative; height: 7.82rem;  padding: 0 1rem; color: #fff; border-radius: 1rem 1rem 0 0; overflow: hidden;}
.title-floor .ablock{position: relative; display: block; padding-top: 3.6rem; line-height: 4rem; color: #fff;}
.title-floor.bgfloor1{background: url(../images/gfj2020/title_f1.png) top left no-repeat; /*background-size: auto 7.82rem;*/background-size: cover;}
.title-floor.bgfloor2{background: url(../images/gfj2020/title_f2.png) top left no-repeat; background-size: cover;}
.title-floor.bgfloor3{background: url(../images/gfj2020/title_f3.png) top left no-repeat; background-size: cover;}
.title-floor.bgfloor4{background: url(../images/gfj2020/title_f4.png) top left no-repeat; background-size: cover;}
.title-floor.bgfloor5{background: url(../images/gfj2020/title_f5.png) top left no-repeat; background-size: cover;}
.title-floor .title{font-size: 2.6rem; font-weight: 600;}
.title-floor .subtitle{font-size: 1.3rem; opacity: 0.6; margin-left: 0.6rem; padding-left: 0.75rem;}
.title-floor .go{position: absolute; top: 0.6rem; right: 0; z-index: 1; display: inline-block; border:1px solid #fff; font-size: 1.3rem; padding: 0 0.5rem; height: 2.4rem; line-height: 2.4rem; border-radius: 1.2rem;}



.navbarbox.fix-navbarbox { position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto;}
.navbarbox{background: #fff;}
/*.navbar-null { height: 4.4rem; display: none; }*/
.navbar-wrap {position: relative; overflow-x: scroll; overflow-y: hidden; line-height: 4.6rem; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 1.7rem; }
.navbar-wrap::-webkit-scrollbar { display: none; }
.navbar-wrap ul { padding-left: 0.6rem; position: relative; overflow-x: scroll; overflow-y: hidden; line-height: 4.6rem; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.navbar-wrap li { position: relative; display: inline-block; height: 4.6rem; text-align: center; color: #394043;}
.navbar-wrap li.current { color: #e93b3d; }
.navbar-wrap li a{display: inline-block; line-height: 4.6rem; text-align: center; padding: 0 1rem;}
.navbar-wrap li.current a {font-weight: 600; color: #e93b3d; padding-left: 1.8rem; background: url(../images/gfj2020/anchor_point.png) center left no-repeat; background-size: 1.6rem auto;}
.navbar-wrap * { vertical-align: middle; }
.navbar-wrap .line{position: absolute; bottom: 1px; left: 50%; z-index: 1; margin-left: -1.5rem; display: block; width: 3rem; height: 0.25rem; background: #e93b3d; display: none;}
.navbar-wrap li.current .line{display: block;}



.live-broadcastbox{padding: 0 0.6rem; margin-top: 1rem;}
.live-broadcast-wrap{background:#fff; padding-bottom: 1rem;}
.live-broadcast-list{padding: 0 1rem;}
.live-broadcast-list li{padding: 1rem 0; border-bottom: 1px solid #e8e8e8;}
.live-broadcast-list .termbox{position: relative; padding-left: 11rem; min-height: 7.5rem;}
.live-broadcast-list .imgbox{position: absolute; top: 0; left: 0; z-index: 1; width: 10rem;}
.live-broadcast-list .img{display: block; padding-top: 75%; background-color: #e8e8e8; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.live-broadcast-list .state{position: absolute; top: 0; left: 0; z-index: 2; display: inline-block; min-width: 4rem; padding: 0.3rem; height: 1.5rem; line-height: 1.5rem; border-radius: 0.2rem 0 0.2rem 0; font-size: 1rem; color: #fff;
    background: #cf1bb2;
    background: -moz-linear-gradient(top,  #e50c9e 0%, #b728bf 100%);
    background: -webkit-gradient(linear, right bottom, right bottom, color-stop(0%,#e50c9e), color-stop(100%,#b728bf));
    background: -webkit-linear-gradient(right,  #e50c9e 0%,#b728bf 100%);
    background: -o-linear-gradient(right,  #e50c9e 0%,#b728bf 100%);
    background: -ms-linear-gradient(right,  #e50c9e 0%,#b728bf 100%);
    background: linear-gradient(to right,  #e50c9e 0%,#b728bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b02ff6', endColorstr='#c668f8',GradientType=0 );}
.lblist-info{}
.lblist-info .ablock{display: block;}
.lblist-info h2{height: 3.6rem; line-height: 1.8rem; font-size: 1.6rem; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lblist-info .time{font-size: 1.3rem; color: #9c9fa1;}
.lblist-btn{text-align: right; margin-top: 0.5rem;} 
.lblist-btn .btn{text-align: center; display: inline-block; margin-left: 0.5rem; width: 7em; height: 2.6rem; line-height: 2.6rem; font-size: 1.3rem;} 
.lblist-btn .btn:first-child{margin-left: 0;}
.lblist-btn .btn.border{ background: url(../images/gfj2020/btn_border_h52.png) center center no-repeat; background-size: auto 2.5rem; color: #63adf8;}
.lblist-btn .btn.gradients{background: url(../images/gfj2020/btn_gradients.png) center center no-repeat; background-size: auto 2.5rem; color: #fff;}
.live-broadcast-other{}
.live-broadcast,.special-room{padding-left: 0.5rem;}
.live-broadcast .termbox,.special-room .termbox{padding: 0.6rem;}
.live-broadcast .ablock,.special-room .ablockbox{display: block; box-shadow: 0 1px 6px 0 rgba(86,86,86,0.2);}
.live-broadcast .imgbox,.special-room .imgbox{position: relative; padding-top: 75%; background-color: #e8e8e8; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.live-broadcast .imgbox .live-title,.special-room .imgbox .live-title{height: 2rem; line-height: 2rem; background:rgba(0,0,0,0.5); color: #fff;}
.live-broadcast .imgbox .live-title h6,.special-room .imgbox .live-title h6{height: 2rem; line-height: 2rem; padding: 0 0.5rem; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.live-broadcast .infobox,.special-room .infobox{padding: 0.6rem 0.6rem 0.8rem; text-align: center;}
.live-broadcast .infobox h2,.special-room .infobox h2{height: 2.4rem; line-height: 2.4rem; font-size: 1.6rem; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.live-broadcast .infobox h3{height: 2rem; line-height: 2rem; color: #e93b3d; font-size: 1.3rem;}
.live-broadcast .infobox h3 *{vertical-align: middle;}
.live-broadcast .icon-user{display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; background: url(../images/gfj2020/icon_user.png) center top no-repeat; background-size: 1.5rem auto;}
.special-room .ablock{display: block;}
.special-room .infobox h3{height: 2rem; line-height: 2rem; color: #b02ff5; font-size: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.special-room .btnbox{text-align: center; padding-bottom: 1rem;}
.special-room .btnbox .go{display: inline-block; height: 2.4rem; line-height: 2.4rem; padding: 0 1.5rem; border:1px solid #394043; border-radius: 1.2rem; font-size: 1.3rem; color: #394043;}
/*通用动态*/
.live-broadcast-dynamic,.special-room-dynamic,.integral-dynamicbox,.red-packet-dynamicbox,.activity-dynamicbox,.discount-dynamicbox{padding:0 1rem; margin-top: 1rem;}
.dynatown-dynamicbox{padding: 0 1rem;}
.dynamic-list{height: 4.8rem; padding-left: 4.5rem; overflow: hidden;}
.dynamic-list.live-dynamic{background: url(../images/gfj2020/dynamic_live.png) center left no-repeat; background-size: 4.5rem auto;}
.dynamic-list.seckill-dynamic{background: url(../images/gfj2020/dynamic_seckill.png) center left no-repeat; background-size: 4.5rem auto;}
.dynamic-list.integral-dynamic{background: url(../images/gfj2020/dynamic_integral.png) center left no-repeat; background-size: 4.5rem auto;}
.dynamic-list.red-packet-dynamic{background: url(../images/gfj2020/dynamic_red_packet.png) center left no-repeat; background-size: 4.5rem auto;}
.dynamic-list.discount-dynamic{background: url(../images/gfj2020/dynamic_dynamic.png) center left no-repeat; background-size: 4.5rem auto;}
.dynamic-list.dynatown-dynamic{background: url(../images/gfj2020/dynamic_consult.png) center left no-repeat; background-size: 4.5rem auto;}
.one-dynamicbox{margin-top: 1rem;}
.dynamic-list.one-dynamic{background: url(../images/gfj2020/dynamic_house.png) center left no-repeat; background-size: 4.5rem auto;}
.dynamic-list.activity-dynamic{background: url(../images/gfj2020/dynamic_activity.png) center left no-repeat; background-size: 4.5rem auto;}

.dynamic-list .ablock { position: relative; padding-left: 0.8rem; display: block; height: 2.4rem; line-height: 2.4rem; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #fff; }
.dynamic-list .ablock:after { position: absolute; top: 50%; left: 0; margin-top: -0.15rem; display: block; content: ""; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #9c9fa1; }




.news-victorybox{padding: 0 0.6rem; margin-top: 1.36rem;}
.news-victory-wrap{padding: 1.3rem 1rem; background:#fff;}
.news-victory{height: 4.8rem; font-size: 1.5rem; overflow: hidden;}
.news-victory .ablock{display: block; height: 2.4rem; line-height: 2.4rem; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-victory .ablock .name{color: #e93b3d; font-weight: 600;}
.news-victory-wrap .billbox{}
.news-victory-wrap .bill{position: relative; margin-top: 0.6rem; display: block; text-align: center;}
.news-victory-wrap .bill img{height: 4.6rem;}
.news-victory-wrap .bill .tips{position: absolute; z-index: 1; right: 0.6rem; bottom: 0.3rem; display: inline-block; height: 1.4rem; line-height: 1.4rem; padding: 0 0.3rem; font-size: 1.2rem; color: #fff; background:rgba(0,0,0,0.3); border-radius: 0.7rem;}






.activity-list{padding-left: 0.5rem;}
.activity-list .termbox{padding: 0.5rem;}
.activity-list .term{position: relative; display: block; padding: 0.8rem 4.4rem 0.8rem 12.88rem; box-shadow: 0 1px 10px 0 rgba(86,86,86,0.2); border-radius: 0.3rem; overflow: hidden;}
.activity-list .imgbox{position: absolute; top: 0.8rem; left: 0.8rem; z-index: 1; width: 11.28rem; height: 8.46rem; background-color: #e8e8e8; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.activity-list .btn-receive{position: absolute; z-index: 1; right: 0; top: 0; width: 1.6rem; padding: 0 1rem; height: 100%; font-size: 1.6rem; font-weight: 600; color: #fff; word-wrap: break-word; word-break:break-all; writing-mode: vertical-lr; writing-mode: tb-lr;   text-align: center; background: url(../images/gfj2020/line_receive.png) center left repeat-y; background-size: 100% auto; letter-spacing:2px;}
.activity-info{padding: 0.25rem 0;}
.activity-info h2{height: 2.2rem; line-height: 2.2rem; font-size: 1.6rem; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activity-info h2 a.name{display: inline-block;}
.activity-info h3{height: 4rem; line-height: 2rem; font-size: 1.3rem;color: #b02ff5; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}

.dynatownbox{padding: 0 0.6rem; margin-top: 1.36rem;}
.dynatown-wrap{background: #fff; padding-bottom: 1rem;}
.dynatown-notice{line-height: 2rem; color: #f67d48; background: #fdf5db; }
.dynatown-notice .go{position: relative; display: block; padding: 0.5rem 4.5rem 0.5rem 1rem; color: #f67d48;}
.dynatown-notice .rule{position: absolute; top: 0.5rem; right: 0.8rem; z-index: 1; display: inline-block; color: #e93b3d;}
.dynatown-list{padding: 1.2rem 0 0.8rem 0.5rem; }
.dynatown-list .termbox{padding: 0.5rem;}
.dynatown-list .term{display: block; padding: 0.8rem; box-shadow: 0 1px 10px 0 rgba(86,86,86,0.2);}
.dynatown-body{position: relative; min-height: 4.8rem; height: 4.8rem; line-height: 2.4rem; padding-left: 5.6rem; padding-right: 7.5rem; color: #9c9fa1; font-size: 1.3rem;}
.dynatown-body .icon{position: absolute; bottom: 0; z-index: 1; display: inline-block; width: 3.2rem; height: 3.2rem;}
.dynatown-body .icon.icon-phone{right: 4rem; background:url(../images/gfj2020/icon_phone.png) center center no-repeat; background-size: 2.8rem;}
.dynatown-body .icon.icon-chat{right: 0; background:url(../images/gfj2020/icon_chat.png) center center no-repeat; background-size: 2.8rem;}

.dynatown-body .avatar{position: absolute; top: 0; left: 0; z-index: 1; width: 4.8rem; height: 4.8rem; border-radius: 50%; overflow: hidden; background: #e8e8e8;}
.dynatown-body h2{font-size: 1.6rem; color: #000;}
.dynatown-foot{position: relative; padding-top: 0.5rem; line-height: 2.4rem; color: #9c9fa1; margin-top: 0.8rem; border-top: 1px solid #e8e8e8;}
.dynatown-foot .ablock{display: block;}
.dynatown-foot h2{position: relative; font-size: 1.5rem; font-weight: 600; color: #000;}
.dynatown-foot .price{position: absolute; top: 0; right: 0; z-index: 1; color: #e93b3d; font-size: 1.3rem;}
.dynatown-tag{height: 1.8rem; overflow: hidden; margin-top: 0.2rem; font-size: 1.2rem;}
.dynatown-tag .tag{display: inline-block; height: 1.8rem; line-height: 1.8rem; background: #f6f6f6; color: #9aa0a6; padding: 0 0.5rem; margin-right: .3rem; border-radius: 4px;}

.look-vrbox{padding: 0 0.6rem; margin-top: 1.36rem;  }
.look-vr-wrap{background: #fff; padding: 0.8rem 0 1.2rem; }
.look-vr{padding-left: 0.5rem;}
.look-vr .termbox{padding: 0.5rem;}
.look-vr .term{display: block; box-shadow: 0 1px 6px 0 rgba(86,86,86,0.2);}
.vr-body{}
.vr-body .ablock{display: block;}
.vr-body .imgbox{position: relative; padding-top: 75%; background-color: #e8e8e8; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.vr-body .imgbox .live-title{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 2rem; line-height: 2rem; background:rgba(0,0,0,0.5); color: #fff;}
.vr-body .imgbox .live-title h6{height: 2rem; line-height: 2rem; padding: 0 0.5rem; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vr-body .imgbox .icon-vr{position: absolute; top: 50%; left: 50%; z-index: 1; margin: -2.8rem 0 0 -1.8rem; width: 3.6rem; height: 3.6rem; background: url(../images/fbh2020/icon_vr80.png) center center no-repeat; background-size: 3.6rem auto; }
.vr-foot{padding: 0 0.5rem 0.8rem; font-size: 1.2rem; color: #9c9fa1;}
.vr-foot .ablock{display: block; color: #9c9fa1;}
.vr-foot h2{height: 2.6rem; line-height: 2.6rem; font-size: 1.6rem; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vr-foot p{height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vr-foot .parameter{margin-left: 0.5rem;}
.vr-dynatown{position: relative; min-height: 2rem; display: block; text-align: right; margin-top: 0.3rem;}
.vr-dynatown .avatar{position: absolute; top: 0; left: 0; z-index: 1; width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; background-color: #e8e8e8;}
.vr-dynatown .btn-chat{display: inline-block; padding-left: 1.5rem; height: 2rem; line-height: 2rem; font-size: 1.2rem; color: #63adf8; background: url(../images/gfj2020/icon_vrchat.png) center left no-repeat; background-size: 1.2rem auto;}

.dialogue-dcrbox{padding: 0 0.6rem; margin-top: 1.36rem;  }
.dialogue-dcr-wrap{background: #fff; padding-bottom: 1rem; }
.dialogue-dcr{position: relative; padding: 1.2rem 0.5rem 2rem;}
.dialogue-dcr .termbox{padding: 0.5rem;}
.dialogue-dcr .term{padding: 0.8rem; box-shadow: 0 1px 10px 0 rgba(86,86,86,0.2)}
.dialogue-dcr .ablock{position: relative; display: block; padding-left: 9.9rem; min-height: 9.1rem;}
.dialogue-dcr .imgbox{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 9.1rem; height: 9.1rem; border-radius: 9.1rem; border-radius: 0.3rem; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #e8e8e8}
.dialogue-info h2{height: 2.4rem; line-height: 2.4rem; font-size: 1.6rem; font-weight: 600; color: #000;}
.dialogue-info .wordsbox{height: 4rem; line-height: 2rem; color: #6b7072; font-size: 1.5rem; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.dialogue-other { margin-top: 0.5rem;}
.dialogue-other .time{margin-left: 0.5rem;}
.dialogue-dcr .swiper-pagination {left: 10%; width: 80%; bottom: 0.3rem;}
.dialogue-dcr .swiper-pagination span {margin: 0 0.2rem; background: #e8e8e8; opacity:1;}
.dialogue-dcr .swiper-pagination span.swiper-pagination-bullet-active{background: #e93b3d; opacity:1;}
.dialogue-other{line-height: 2rem; color: #9c9fa1; font-size: 1.3rem;}



.brandbox{padding: 0 0.6rem; margin-top: 1.36rem;}
.brand-wrap{background: #fff;}
.brand-listbox{position: relative; background: #fff; padding-bottom: 3.2rem; }
.brand-list{text-align: center;}
.brand-list .termbox{float: left; width: 33.33%;}
.brand-list .term{padding: 1rem 0.5rem; border-right:1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.brand-list .logo{display: block; width:80%; padding-top: 80%; margin: 0 auto; border:1px solid #e8e8e8; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.brand-list h2{height: 2rem; line-height: 2rem; margin-top: 0.6rem; font-size: 1.5rem; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brand-list p.number{height: 1.8rem; line-height: 1.8rem; font-size: 1.2rem; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brand-btn {margin-top: 0.6rem;}
.brand-btn .btn.border{display: inline-block; width: 6em; height: 2.1rem; line-height: 2.1rem; font-size: 1.3rem; background: url(../images/gfj2020/btn_border_h42.png) center center no-repeat; background-size: auto 2rem; color: #63adf8;}
.brand-listbox .swiper-pagination {left: 15%; width: 70%; bottom: 1rem;}
.brand-listbox .swiper-pagination span {margin: 0 0.2rem; background: #e8e8e8; opacity:1;}
.brand-listbox .swiper-pagination span.swiper-pagination-bullet-active{background: #e93b3d; opacity:1;}

/*0303修改*/
.showroom-nav{padding: 0rem 0.75rem 0.35rem !important;}
.showroom-nav-new{padding:0.75rem 0.75rem 0rem;}
.showroom-nav-new li{float: left; width: 33.33%;}
.showroom-nav-new li.li1{width: 66.67%;}
.showroom-nav-new .termbox{padding: 0.25rem;}
.showroom-nav-new .ablock{position: relative; display: block; min-height: 6.48rem; _height:6.48rem; border-radius: 0.4rem; color: #fff; padding: 0.2rem 0.6rem 0;}
.showroom-nav-new .ablock.ablock0{background:url(../images/gfj2020/showroom_navbg0.png) right bottom no-repeat; background-size: cover;}
.showroom-nav-new .icon-go{position: absolute; bottom: 0.5rem; left: 0.6rem; z-index: 1; display: block; width: 3.2rem; height: 1.8rem; background: url(../images/gfj2020/showroom_go.png) right bottom no-repeat; background-size: 2.9rem auto;}
.showroom-nav-new h2{height: 2.4rem; line-height: 2.4rem; font-size: 1.6rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.showroom-nav-new h3{height: 2rem; line-height: 2rem; font-size: 1.3rem; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.showroom-posterbox{}
.showroom-poster-wrap{position: relative; padding-bottom: 0.6rem;}
.showroom-poster .termbox{float: left; width: 33.33%; padding: 0 !important;}
.showroom-poster .term{padding: 0.25rem;}
.showroom-poster .ablocks{display: block;}
.showroom-poster .imgbox{/*h6.48*/height: 4.5rem; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #e8e8e8;}
.showroom-poster h2{ height: 1.48rem; line-height: 1.48rem; font-size: 1.2rem; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.showroom-poster-wrap .swiper-pagination {left: 10%; width: 80%; height: 8px; line-height: 8px; bottom: 0;}
.showroom-poster-wrap .swiper-pagination span {width: 6px; height: 6px; margin: 0 0.2rem; background: #e8e8e8; opacity:1;}
.showroom-poster-wrap .swiper-pagination span.swiper-pagination-bullet-active{background: #e93b3d; opacity:1;}


.success-billbox{padding: 0 0.6rem; margin-top: 1.36rem;}
.success-bill{padding: 1rem; border-radius: 0.5rem; background: #fff;}
.success-bill .bill{position: relative; display: block; text-align: center;}
.success-bill .bill img{height: 4.6rem;}
.success-bill .bill .tips{position: absolute; z-index: 1; right: 0.6rem; bottom: 0.3rem; display: inline-block; height: 1.4rem; line-height: 1.4rem; padding: 0 0.3rem; font-size: 1.2rem; color: #fff; background:rgba(0,0,0,0.3); border-radius: 0.7rem;}


.special-room-list .mark{position: absolute; top: -0.2rem; left: -0.3rem; z-index: 1;}
.special-room-list .mark-seckill{display: block; width: 2.364rem; height: 3.182rem; background: url(../images/gfj2020/mark_seckill.png) center center no-repeat; background-size: 2.364rem auto;}




.house-list{}
.house-list li{float: left; width: 33.33%;}
.house-list .termbox{padding: 1.2rem 1rem 0.5rem; text-align: center; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.house-block{display: block; position: relative;}
.house-block .imgbox{position: relative; padding-top: 74.73%; background-color: #e8e8e8; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.house-block .imgbox .price{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 1.8rem; line-height: 1.8rem; background:rgba(0,0,0,0.5); color: #fff; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .house-block .red-packet {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: inline-block;
        background: rgba(233,59,61,0.8);
        height: 1.5rem;
        line-height: 1.5rem;
        color: #fff;
        font-size: 1rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
    }
.house-block h2{height: 2rem; line-height: 2rem; margin-top: 0.5rem; font-size: 1.5rem; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.house-block h3{height: 1.8rem; line-height: 1.8rem; font-size: 1.1rem; color: #e93b3d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.all-agentbox,.discountbox,.condo-tourbox,.house-recommendbox{padding: 0 0.6rem; margin-top: 1.36rem;  }
.all-agent-wrap,.discount-wrap,.condo-tour-wrap,.house-recommend-wrap{background: #fff;}
.discount-wrap{padding-bottom: 1rem;}
.all-agent-tips{text-align: center; border-bottom: 1px solid #e8e8e8;}
.all-agent-tips .tips{display: inline-block; padding: 0 0.6rem; line-height: 3.6rem; color: #eb237d; font-size: 1.3rem;}
.house-btn{margin-top: 0.5rem;}
.house-btn .btn.border{display: inline-block; width: 7em; height: 2.1rem; line-height: 2.1rem; font-size: 1.2rem; background: url(../images/gfj2020/btn_border_h42.png) center center no-repeat; background-size: auto 2rem; color: #63adf8;}
.house-btn .btn-chat{display: inline-block; padding-left: 1.5rem; height: 2rem; line-height: 2rem; font-size: 1.2rem; color: #63adf8; background: url(../images/gfj2020/icon_vrchat.png) center left no-repeat; background-size: 1.2rem auto;}
.condo-tour-list{padding: 0 1rem;}
.condo-tour-list .termbox{padding: 1rem 0; border-bottom: 1px solid #e8e8e8;}
.condo-mian{}
.condo-mian.has-img{position: relative; padding-left: 11rem; min-height: 7.5rem;}
.condo-img{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 10rem;}
.condo-img .img{padding-top: 75%; background-color: #e8e8e8; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.condo-img .red-packet{position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; background: rgba(233,59,61,0.8); height: 1.5rem; line-height: 1.5rem; padding: 0 0.3rem; color: #fff; font-size: 1rem;}
.condo-info{display: block;}
.condo-info h2{max-height: 4rem; line-height: 2rem; color: #000; font-size: 1.6rem; font-weight: 600; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.condo-info .explain{max-height: 3rem; line-height: 1.5rem; margin-top: 0.5rem; color: #9c9fa1; font-size: 1.3rem; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.condo-foot{position: relative; min-height: 2.6rem; line-height: 2.6rem; margin-top: 0.6rem; font-size: 1.3rem;}
.condo-time{color: #9c9fa1;}
.condo-time .number{color: #e93b3d;}
.condo-btn{position: absolute; top: 0; right: 0; z-index: 1; text-align: center; } 
.condo-btn .btn{text-align: center; display: inline-block; margin-left: 0.3rem; width: 7em; height: 2.6rem; line-height: 2.6rem; font-size: 1.3rem;} 
.condo-btn .btn:first-child{margin-left: 0;}
.condo-btn .btn.border{background:#fff url(../images/gfj2020/btn_border_h52.png) center center no-repeat; background-size: auto 2.5rem; color: #63adf8;}
.condo-btn .btn.gradients{background: url(../images/gfj2020/btn_gradients2.png) center center no-repeat; background-size: auto 2.5rem; color: #fff;}


.condo-route{position: relative; margin-top: 1rem; height: 5.3rem; padding-left: 3.5rem; background: url(../images/gfj2020/condo_route.png) top left no-repeat; background-size: 2.5rem auto;}
.condo-route:after{position: absolute; top: 0.7rem; left: 2.5rem; z-index: 0; display: block; content: ""; width: 1.2rem; height: 1.5px; background: #e8e8e8;}
.condo-route-wrap{position: relative; overflow-x: scroll; overflow-y: hidden; /*line-height: 2.7rem;*/ white-space: nowrap; -webkit-overflow-scrolling: touch;}
.condo-route-wrap::-webkit-scrollbar { display: none; }
.condo-route-wrap ul {position: relative; padding-top: 0.7rem; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.condo-route-wrap li {position: relative; display: inline-block; margin: 0 -3px; /*height: 2.7rem;*/ text-align: center; color: #394043; padding: 0 1.5rem; }

.condo-route .line{position: absolute; top: 0; left: 0; right: 0; z-index: 1; display: block; height: 1.5px; background: #e8e8e8;}
.condo-route .itembox{position: relative; z-index: 2; display: block; padding-top: 0.6rem;}
.condo-route .icon-spot{position: absolute; top: -0.6rem; left: 50%; z-index: 2; margin-left: -0.55rem; display: block; width: 1.1rem; height: 1.1rem; background: url(../images/gfj2020/icon_spot.png) center center no-repeat; background-size: 1.1rem auto;}
.condo-route h2{height: 2rem; line-height: 2rem; font-size: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.condo-route h6{height: 1.5rem; line-height: 1.5rem; font-size: 1.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9fa1;}

.activity-flowbox{position: relative; margin: 0.7rem 0.6rem 1rem; padding-left: 0.5rem; padding-bottom: 0.6rem; background: #fff; border-radius: 0.5rem; border:2px solid #ae7cfe;}
.activity-flow-wrap { position: relative; overflow-x: hidden; overflow-y: hidden; /*line-height: 2.7rem;*/ white-space: nowrap; -webkit-overflow-scrolling: touch; }
.activity-flow{position: relative; overflow-x: scroll; overflow-y: hidden; /*line-height: 2.7rem;*/ white-space: nowrap; -webkit-overflow-scrolling: touch;}
.activity-flow::-webkit-scrollbar { display: none; }
.activity-flow ul {position: relative; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.activity-flow ul *{vertical-align: top;}
.activity-flow li {position: relative; display: inline-block; margin: 0 -3px; /*height: 2.7rem;*/ text-align: center; color: #394043; padding: 0 1.5rem; }
.activity-flow .line{position: absolute; top: 4.3rem; left: 0; right: 0; z-index: 1; display: block; height: 0.9rem; background: #e8e8e8;}
.activity-flow li:first-child .line{border-top-left-radius: 0.4rem; border-bottom-left-radius:0.4rem;}
.activity-flow li:last-child .line{border-top-right-radius:0.4rem; border-bottom-right-radius:0.4rem;}
.activity-flow li.on .line{background: url(../images/gfj2020/flow_line.png) center center repeat-x; background-size: auto 0.9rem;}
.activity-flow h2{height: 2.8rem; line-height: 2.8rem; color: #ea3d6a; font-size: 1.3rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activity-flow .termbox{position: relative;}

.activity-flow .icon-spot{position: absolute;top: 2.8rem;left: 50%;z-index: 2;display: block;width: 2.1rem;height: 2.8rem;margin-left: -1.05rem;background: url(../images/gfj2020/flow_spot_default.png) center center no-repeat;background-size: 2.1rem auto;}
.activity-flow li.on .icon-spot{background: url(../images/gfj2020/flow_spot.png) center center no-repeat;background-size: 2.1rem auto;}
.aflow-info{padding-top: 3.2rem; color: #705f87; font-size: 1.1rem; line-height: 1.3rem;}
    .aflow-info h3 { font-size: 1.1rem; margin-top: 0.2rem; max-width: 215px; white-space: normal; height: 2.6rem; line-height: 1.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.hrecommend-list{}
.hrecommend-list li{padding: 0 1.25rem; border-bottom: 1rem solid #f8f8f9;}
.hrecommend-list li:last-child{border-bottom: none;}
.hrecommend-list .termbox{padding-top:1.25rem;}
.hrecommend-list .term{display: block; padding: 1rem; box-shadow: 0 1px 10px 0 rgba(86,86,86,0.2);}
.hrecommend-body{position: relative; min-height: 8.18rem; padding-bottom: 0.5rem;}
.hrecommend-body .ablock{position: relative; display: block; padding-left: 10.54rem; min-height: 8.18rem;}
.hrecommend-body .red-packet{position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; background: rgba(233,59,61,0.8); height: 1.5rem; line-height: 1.5rem; padding: 0 0.3rem; color: #fff; font-size: 1rem;}
.hrecommend-body .imgbox{position: absolute; top: 0; left: 0; width: 9.54rem; height: 8.18rem; border-radius: 0.3rem; overflow:hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color:#e8e8e8;}
.hrecommend-body .imgbox img{width: 9.54rem; height: 8.18rem;}
.hrecommend-info{color: #9c9fa1; font-size: 1.3rem; line-height: 1.8rem;}
.hrecommend-info h2{font-size: 1.6rem; font-weight: 600; color: #394043; line-height: 1.8rem;}
.hrecommend-info .address{height: 1.8rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hrecommend-info .line{color: #e8e8e8; margin: 0 0.2rem;}
.hrecommend-info .state{display: inline-block; font-size: 1.1rem; color: #ea4335; height: 1.6rem; line-height: 1.6rem; padding: 0 .4rem; border-radius: 2px; margin-left: 0.8rem; font-weight: 400;}
.hrecommend-info .state.state0{color: #ff8062; background: #ffece8;}
.hrecommend-info .state.state0{color: #ff8062; background: #ffece8;}
.hrecommend-info .pricebox{margin-top: 0.7rem;}
.hrecommend-info .price{color: #e93b3d; font-size: 1.6rem; font-weight: 600;}
.hrecommend-info .price .unit{font-size: 1.2rem; font-weight: 400;}
.hrecommend-info .tagbox{height: 1.6rem; overflow: hidden; margin-top: 0.2rem; font-size: 1.1rem;}
.hrecommend-info .tagbox .tag{display: inline-block; height: 1.6rem; line-height: 1.6rem; background: #f6f6f6; padding: 0 0.5rem; margin-right: 0.3rem; border-radius: 4px;}
.hrecommend-icon{position: absolute; right: 0; bottom: 0.1rem; z-index: 3; width: 7.2rem; height: 3.2rem;}
.hrecommend-icon .icon{display: inline-block; width: 3.2rem; height: 3.2rem;}
.hrecommend-icon .icon.icon-call{ background:url(../images/gfj2020/icon_phone.png) bottom center no-repeat; background-size: 2.8rem;}
.hrecommend-icon .icon.icon-chat{margin-left: 0.3rem; background:url(../images/gfj2020/icon_chat.png) bottom center no-repeat; background-size: 2.8rem;}

.hrecommend-dynamic{height: 3.2rem; padding-left: 4rem; overflow: hidden; background: url(../images/gfj2020/dynamic_dt.png) center left no-repeat; background-size: 3.3rem auto;}
.hrecommend-dynamic .ablock {position: relative; padding-left: 0.8rem; display: block; height: 3.2rem; line-height: 3.2rem; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #fff; }
.hrecommend-dynamic .ablock:after { position: absolute; top: 50%; left: 0; margin-top: -0.15rem; display: block; content: ""; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #9c9fa1; }

.border { border: none; }


.fix-usbox { position: fixed; z-index: 109; bottom: 5.6rem; right: 1rem; padding: 0.2rem 0; border-radius: 0.5rem; width: 5.56rem; background: #f6cc71 url(/Content/HousingFair/Images/gfj2020/fix_bg_line.png) center top repeat-x; background-size: 1px auto; }
    .fix-usbox a { position: relative; display: block; padding: 2.6rem 0 0.4rem; text-align: center; color: #815119; font-size: 1.3rem; }
        .fix-usbox a.home { background: url(../images/gfj2020/fix_icon_home.png) center 0.4rem no-repeat; background-size: 2rem auto; }
        .fix-usbox a.chat { background: url(../images/gfj2020/fix_icon_chat.png) center 0.4rem no-repeat; background-size: 2rem auto; }
        .fix-usbox a.phone { background: url(../images/gfj2020/fix_icon_phone.png) center 0.4rem no-repeat; background-size: 2rem auto; }
    .fix-usbox .number { position: absolute; top: 0.2rem; left: 60%; display: inline-block; line-height: 1.6rem; border-radius: 0.8rem; padding: 0 0.4rem; font-size: 1.3rem; background: #e93b3d; color: #fff; }



/*2020 double11*/
.broker-listbox { position: relative; padding-top: 0.5rem; padding-bottom: 2rem; }
.broker-list { padding: 0.6rem 0; }
    .broker-list .termbox { float: left; width: 50%; }
    .broker-list .term { margin: 0.5rem 0.7rem; padding: 0.6rem 0 0.6rem 0.6rem; box-shadow: 0 0.2rem 0.5rem 0.5px rgba(86,86,86,0.2); border-radius: 0.5rem; }
.broker-head { }
    .broker-head .user { position: relative; display: block; padding-left: 4.8rem; min-height: 4.4rem; }
    .broker-head .avatar { position: absolute; top: 0; left: 0; z-index: 1; width: 4.4rem; height: 4.4rem; border-radius: 50%; overflow: hidden; background: #e8e8e8; }
        .broker-head .avatar img { width: 4.4rem; height: 4.4rem; }
    .broker-head h2 { height: 2rem; line-height: 2rem; color: #000; font-size: 1.6rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
    .broker-head .star { margin-top: 0.2rem; height: 2rem; line-height: 2rem; padding-left: 1.9rem; color: #624218; background: url(../images/fbh2020/broker_star.png) left center no-repeat; background-size: auto 1.6rem; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.broker-body { position: relative; margin-top: 1rem; padding-top: 0.6rem; border-top: 1px solid #e8e8e8; }
    .broker-body .call { position: absolute; bottom: -0.4rem; right: 0.5rem; z-index: 1; width: 2.8rem; height: 2.8rem; background: url(../images/fbh2020/icon_phone.png) center center no-repeat; background-size: 2.8rem auto; }
    .broker-body h2 { font-size: 1.5rem; }
        .broker-body h2 a { display: block; height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .broker-body .price { line-height: 2rem; color: #e93b3d; font-size: 1.3rem; }
.broker-foot { margin-top: 0.4rem; text-align: center; }
    .broker-foot .btn-chat { display: inline-block; padding-left: 1.5rem; height: 2.4rem; line-height: 2.4rem; font-size: 1.3rem; color: #63adf8; background: url(../images/fbh2020/icon_vrchat.png) center left no-repeat; background-size: 1.3rem auto; }
.broker-listbox .swiper-pagination { left: 25%; width: 50%; bottom: 0.8rem; }
    .broker-listbox .swiper-pagination span { margin: 0 0.2rem; background: #e8e8e8; opacity: 1; }
        .broker-listbox .swiper-pagination span.swiper-pagination-bullet-active { background: #e93b3d; opacity: 1; }
.dialogue-other { line-height: 2rem; color: #9c9fa1; font-size: 1.3rem; }

.hrecommend-dynatown { margin-top: 0.2rem; }
    .hrecommend-dynatown h2 { line-height: 2rem; padding: 0 1.25rem; font-size: 1.4rem; color: #394043; }
    .hrecommend-dynatown .userbox { margin-left: 1rem; padding: 0.6rem 0 1.2rem; }
    .hrecommend-dynatown .swiper-slide:first-child .userbox { margin-left: 1.25rem; }
    .hrecommend-dynatown .swiper-slide:last-child .userbox { margin-right: 1.25rem; }
    .hrecommend-dynatown .user { display: block; position: relative; padding: 0.5rem 0.7rem 0.5rem 3.5rem; height: 2.5rem; line-height: 2.5rem; text-align: right; box-shadow: 0 0.2rem 0.5rem 0.5px rgba(86,86,86,0.2); border-radius: 0.5rem; }
    .hrecommend-dynatown .avatar { position: absolute; top: 0.5rem; left: 0.7rem; z-index: 1; width: 2.5rem; height: 2.5rem; border-radius: 50%; overflow: hidden; background: #e8e8e8; }
        .hrecommend-dynatown .avatar img { width: 2.5rem; height: 2.5rem; }
    .hrecommend-dynatown .btn-chat { display: inline-block; padding-left: 1.4rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.2rem; color: #63adf8; background: url(../images/fbh2020/icon_vrchat.png) center left no-repeat; background-size: 1.3rem auto; }
.hrecommend-dynatown-wrap { position: relative; overflow-x: scroll; overflow-y: hidden; line-height: 4.6rem; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 1.7rem; }
    .hrecommend-dynatown-wrap::-webkit-scrollbar { display: none; }
.hrecommend-dynatown-ul { padding-left: 0.6rem; position: relative; overflow-x: scroll; overflow-y: hidden; line-height: 4.6rem; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.hrecommend-dynatown .userbox { display: inline-block; }
    .hrecommend-dynatown .userbox:first-child { margin-left: 1.25rem; }
    .hrecommend-dynatown .userbox:last-child { margin-right: 1.25rem; }