/*
	引用当前样式的，有如下页面：
	vrList.html
*/
body{background: #f2f3f7;}
/*.bannerbox{background: #fff; padding: 1.2rem 1.2rem 0.6rem;}
.bannerbox .banner{border-radius:0.6rem; overflow: hidden;}
.bannerbox .banner img{width: 100%;  }
*/
.bannerbox { position: relative; padding: 1.2rem 1.2rem 0.6rem; background: #fff; margin-top: 4rem; }
	.bannerbox .tag { position: absolute; right: 1.6rem; bottom: 1.2rem; z-index: 2; background: rgb(0,0,0,0.5); color: #e0e0e0; font-size: 1.2rem; height: 1.4rem; line-height: 1.4rem; padding: 0 0.2rem; border-radius: 2px; }
	.bannerbox .swiper-container { width: 100%; height: auto; }
	.bannerbox .swiper-slide { width: 100%; height: auto; display: inline-block; }
.bannerbox .swiper-slide a { position: relative; display: block; width: 100%; padding-top: 43.48%; background-size: cover; background-repeat: no-repeat; background-position: center top; border-radius: 0.6rem; overflow: hidden; }
	.bannerbox .swiper-pagination { left: 25%; bottom: 0.5rem; width: 50%; height: 10px; line-height: 10px; margin: 0 auto; }
		.bannerbox .swiper-pagination span { margin: 0 3px; height: 0.3rem; width: 0.8rem; border-radius: 0.5rem; background: #fff; opacity: 0.6; }
			.bannerbox .swiper-pagination span.swiper-pagination-bullet-active { width: 1.2rem; opacity: 1; }


.searchbox{position: relative; background: #fff; padding: 0.6rem 5.5rem 1.2rem 1.2rem; min-height: 3.2rem; line-height: 3.2rem;}
.searchbox.fix-searchbox{position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; max-width: 650px; margin: 0 auto;}
.searchbox .btn-search{position: absolute; top: 0.6rem; right: 1.2rem; z-index: 1; font-size: 1.5rem;}
.search-text{height: 3.2rem; line-height: 3.2rem; width: 100%; border: none; background: #eeeeee url(../images/vr_search.png) left center no-repeat; background-size: auto 3.2rem; padding-left: 4.5rem; box-sizing:border-box; border-radius: 1.6rem; font-size: 1.5rem;}

.vr-list{padding: 1.2rem 1.2rem 0; color: #000;}
.vr-term { background: #fff; border-radius: 0.6rem; box-shadow: 1px 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 0 10px rgba(0,0,0,0.1); -o-box-shadow: 1px 0 10px rgba(0,0,0,0.1); -ms-box-shadow: 1px 0 10px rgba(0,0,0,0.1); margin-bottom: 1.2rem; padding-bottom: 1.2rem; }
.salesbox { padding: 1.2rem 1rem 1rem; position: relative; }
.a-salesbox{position: relative; display: block; padding-left: 5.6rem; min-height: 4.6rem;}
.a-salesbox .logo{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 4.6rem; height: 4.6rem; border-radius: 50%; overflow: hidden;}
.a-salesbox .logo img{width: 4.6rem; height: 4.6rem;}
/*.a-salesbox h2{font-size: 1.7rem; font-weight: 600; height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/

	.a-salesbox .titlebox { font-size: 1.7rem; font-weight: 600; min-height: 2.4rem; line-height: 2.4rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
		.a-salesbox .titlebox .title { position: relative; padding-right: 4rem; font-size: 1.7rem; font-weight: 600; color: #000; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
		.a-salesbox .titlebox .state { display: inline-block; height: 1.7rem; line-height: 1.7rem; padding: 0 10px; color: #fff; font-size: 1.2rem; background: #ff2c21; border-radius: 0.4rem; margin-right: 0.5rem; min-width: 2.3rem; }
			.a-salesbox .titlebox .state.state0 { background: #FF9800; }
			.a-salesbox .titlebox .state.state1 { background: #5bacfe; }
			.a-salesbox .titlebox .state.state2 { background: #ccc; }
			.a-salesbox .titlebox .state.state3 { background: #3bd241; }
		.a-salesbox .titlebox .type { width: 3.6rem;text-align:center; font-size: 1.2rem; color: #9c9fa1; position: absolute; bottom: 0; right: 0; }

.a-salesbox .price{/*position: absolute; top: 0; right: 0; z-index: 1;*/ line-height: 2.4rem; font-size: 1.6rem; color:#ff1e1e;}
.a-salesbox .address{height: 2.2rem; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vr-ul{padding: 0 1.3rem;}
.vr-ul-a{display: block;}
.vr-ul-a h2{font-size: 1.5rem; font-weight: 600; padding-right: 1.4rem; height: 3.8rem; line-height: 3.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/vr_icon_right.png) right center no-repeat; background-size: 0.8rem auto;}
.vr-img{position: relative; padding-top: 44.444%; border-radius: 0.6rem; overflow: hidden; background-color: #eee; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.vr-img .icon{position: absolute; top: 50%; left: 50%; z-index: 1; margin: -1.68rem 0 0 -1.68rem; width: 3.36rem; height: 3.36rem;}
.vr-img .icon.icon-vr{background: url(../images/vr_icon_vr.png) center center no-repeat; background-size: 3.36rem;}
.vr-img .icon.icon-panorama{background: url(../images/vr_icon_panorama.png) center center no-repeat; background-size: 3.36rem;}

.tab-dv { width: 100%; background-color: #fff;padding:0.5rem 0; }
    .tab-dv.fix-tab { position: fixed; top: 8.4rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto; }
.tab-dv-c {width:22em; margin: 0 auto; border-radius: 0.5rem; border: 0.15rem solid #e93b3d; overflow: hidden; }
	.tab-dv-c.tab2 a { float: left; display: block; width: 50%; height: 3.6rem; line-height: 3.6rem; text-align: center; color: #e93b3d; }
	.tab-dv-c.tab3 a { float: left; display: block; width: 33.33%; height: 3.6rem; line-height: 3.6rem; text-align: center; color: #e93b3d; }
        .tab-dv-c a.on { background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }


.navbarbox_dv { position: relative; background: #fff; }
	.navbarbox_dv.fix-navbarbox_dv { position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto; border-bottom: 1px solid #e8e8e8; }
.navbarbox { position: relative; height: 3rem; background: #fff; /*overflow:hidden;*/ margin-bottom: 1.5rem; }
	.navbarbox.fix-navbarbox { position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto; }
.navbar-wrap { position: relative; overflow-x: scroll; overflow-y: hidden; line-height: 3rem; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 1.4rem; font-weight: 600; }
	.navbar-wrap::-webkit-scrollbar { display: none; }
	.navbar-wrap ul { padding-left: 0.6rem; position: relative; overflow-x: scroll; overflow-y: hidden; line-height: 3rem; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	.navbar-wrap li { position: relative; display: inline-block; height: 3rem; text-align: center; color: #394043; padding: 0 0.5rem; }
		.navbar-wrap li.current { }
		.navbar-wrap li a { position: relative; display: inline-block; line-height: 2.6rem; min-width: 3em; text-align: center; padding: 0 3px; color: #000; }
		.navbar-wrap li.current a { color: #e93b3d; }
	.navbar-wrap * { vertical-align: middle; }
	.navbar-wrap .line { position: absolute; bottom: 1px; left: 50%; margin-left: -0.75rem; display: block; width: 1.5rem; height: 2px; border-radius: 1px; background: #e93b3d; display: none; }
	.navbar-wrap li.current .line { display: block; }


.vr-ul-a .vr-img .btn-box { position: absolute; top: 50%; left: 10%; z-index: 1; margin: -3.3rem 0 0 0; width: 70%; padding: 5%; height: 4rem; display: flex; align-items: center; justify-content: space-between; background-color: rgba(0, 0, 0, 0.2); border-radius: 1rem; }
    .vr-ul-a .vr-img .btn-box .btn { width: 40%; height: 100%; color: #FFFFFF; border-radius: 0.5rem; text-align: center; font-size: 1.6rem; line-height: 4rem; }
    .vr-ul-a .vr-img .btn-box .btn-panorama { background-color: rgba(28,132,198,1); border-color: rgba(28,132,198,1); }
    .vr-ul-a .vr-img .btn-box .btn-info { background-color: rgba(35,198,200,1); border-color: rgba(35,198,200,1); }
.go-online { position: absolute; bottom: 3.2rem; right: 0; z-index: 2; display: inline-block; height: 2.6rem; line-height: 2.6rem; padding: 0 0.5rem 0 2.2rem; border: 1px solid #488bf4; border-radius: 3rem; color: #488bf4; background: url(../Images/icon_zpchat.png) 0.5rem center no-repeat; background-size: 1.7rem auto; }


.mask-dynatown { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2100; background: rgba(0,0,0,0.4); }
.fix-dynatown { position: fixed; bottom: 0; left: 0; right: 0; z-index: 2110; max-width: 750px; margin: 0 auto; background: #fff; }
.dynatown-head { padding: 0.6rem 1.2rem 0; }
	.dynatown-head h2 { height: 4rem; line-height: 4rem; font-size: 2rem; font-weight: 600; color: #000; }
.dynatown-foot { border-top: 1px solid #e8e8e8; }
	.dynatown-foot .cancel { display: block; height: 4.6rem; line-height: 4.6rem; text-align: center; font-size: 1.6rem; }
.dynatown-list { padding: 1.2rem; max-height: 21rem; overflow: auto; }
	.dynatown-list li { position: relative; }
		.dynatown-list li + li { margin-top: 1.5rem; }
	.dynatown-list a { display: inline-block; }
	.dynatown-list .tel { position: absolute; top: 0; right: 0; width: 3.6rem; height: 3.6rem; background: url(../images/dynatown_call_1.png) center right no-repeat; background-size: 2.8rem; }
	.dynatown-list .chat { position: absolute; top: 0; right: 4rem; width: 3.6rem; height: 3.6rem; background: url(../images/dynatown_chat_1.png) center right no-repeat; background-size: 2.8rem; }
.dynatown-data { position: relative; padding-left: 4.4rem; min-height: 3.6rem; line-height: 3.6rem; }
	.dynatown-data .avatar { position: absolute; top: 0; left: 0; display: block; width: 3.6rem; height: 3.6rem; border-radius: 50%; overflow: hidden; }
		.dynatown-data .avatar img { width: 3.6rem; height: 3.6rem; }
	.dynatown-data .name { font-size: 1.5rem; }


.mask-info { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; background: rgba(0,0,0,0.5); }
.pop-infobox { /*position: fixed; height: 80%; top: 10%; right: 5%; left: 5%; z-index: 2010; background: #fff; border-radius: 1.3rem;*/ padding: 1rem; }
	.pop-infobox .btn-close { position: absolute; top: -2.3rem; right: -1rem; z-index: 211; width: 4rem; height: 4rem; background: url(../images/icon_close.png) center center no-repeat; background-size: 4.4rem; background-color: #fff; border-radius: 50%; }
	/*.pop-infobox .pop-info { position: relative; padding-top: 1rem; overflow: hidden; overflow-y: scroll; height: 85%; }*/
    .pop-infobox .pop-info { position: relative; padding-bottom:6rem; }
	.pop-infobox .title { /*margin-top: 2rem;*/ line-height: 4rem; color: #ae0e15; font-weight: 600; font-size: 1.6rem; text-align: center; }
    .pop-infobox .info-formbox {/* margin-top: 1rem;*/ }
        .pop-infobox .info-formbox .info-form { font-size: 1.4rem; }
            .pop-infobox .info-formbox .info-form .dl { position: relative; min-height: 4rem; line-height: 4rem; padding-left: 8rem; border-bottom: 1px solid #e8e8e8; }
            .pop-infobox .info-formbox .info-form .dt { position: absolute; top: 0; left: 0; color: #515252; }
            .pop-infobox .info-formbox .info-form .dd { position: relative; color: #ae0e15; }
			.pop-infobox .info-formbox .info-form .dl.long { padding-left: 9.6rem; }
            .pop-infobox .info-formbox .info-form .dl.long1 { padding-left: 19.6rem; }
            .pop-infobox .info-formbox .info-form .dl.long2 { padding: 0.7rem 0; line-height: 3rem; }
                .pop-infobox .info-formbox .info-form .dl.long2 .dt { position: relative; }
            .pop-infobox .info-formbox .info-form .dd.long { }