/*通用*/
body {
	margin: 0px;
	touch-action: none;
}
.dn {
	display: none;
}
.cp {
	cursor: pointer;
}
.clearfix:after {
	clear: both;
	content: "\20";
	display: block;
	height: 0;
}
/*相册分组板块*/

#div-body > .vue-root,
#div-body > root {
	/*display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;*/
}

.theme1-theme {
	position: absolute;
	left: 0;
	bottom: 85px;
	width: 100%;
	color: #fff;
	z-index: 4001
}

@media (max-width:767px) {
	.theme1-theme {
		bottom: 65px;
	}
}

.panos-panos {
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	color: #fff
}

.panos-anim {
	transition: height 0.1s;
	-moz-transition: height 0.1s;
	-webkit-transition: height 0.1s;
	-o-transition: height 0.1s;
	width: 100%;
	height: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.panos-move {
	height: 100px
}
.panos-item-start {
	border-width: 0!important;
	margin-left: 0!important;
}
.panos-item-end {
	background-color: transparent;
	border-color: transparent;
	margin-left: 6px;
}
.panos-item {
	width: 80px;
	height: 80px;
	background-color: #fff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 10px;
	margin-right: 0px;
	border-width: 3px;
	border-style: solid;
	margin-top: 7px;
}

.panos-item {
	border-color: #fff
}

.panos-itemactive {
	border-color: #f6b64c
}

.panos-img {
	width: 80px;
	height: 80px;
	position: relative;
	background-size: 100%
}

.panos-img img {
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.panos-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	height: 130px;
	-webkit-overflow-scrolling: touch
}

@media (max-width:767px) {
	.panos-img {
		width: 57px;
		height: 57px
	}

	.panos-item,.panos-itemactive {
		width: 57px;
		height: 57px;
		border-width: 2px;
		margin-top: 5px;
	}

	.panos-move {
		height: 70px
	}

	.panos-wrapper {
		height: 80px
	}
}

.panos-wrapper::-webkit-scrollbar {
	display: none
}

.small-small {
	text-align: center;
	max-width: 100%;
	overflow: hidden
}

@media (max-width:767px) {
	.small-small {
		font-size: 12px;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		/*overflow: auto;*/
		line-height: 150%
	}
}
/*相册以文字分组*/
.groupstext-groups {
	background-color: rgba(0, 0, 0, 0.3)
}

.groupstext-anim {
	transition: height 0.1s;
	-moz-transition: height 0.1s;
	-webkit-transition: height 0.1s;
	-o-transition: height 0.1s;
	width: 100%;
	height: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.groupstext-move {
	height: 40px;
	border-top: 1px solid #fff;
}

.groupstext-wrapper {
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	font-size: 14px;
	height: 70px;
	padding-top: 6px
}

.groupstext-item {
	cursor: pointer;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	margin: 0 10px;
	/*max-width: 85px;*/
	padding: 5px 10px;
}

.groupstext-item.groupstext-active {
	border-bottom-color: #f6b64c
}

@media (max-width:767px) {
	.groupstext-item {
		margin: 0 5px;
		padding: 2px 10px 7px;
	}
}

.grouptext-name2, .groupstext-name {
	/*width: 100%;
	min-height: 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden*/
	min-height: 1em;
	user-select: none;
	overflow: hidden;
}

.groupstext-name {
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;*/
}

.small2-small {
	/*overflow: hidden;
	height: 14px;
	text-align: left;
	width: 100%;
	line-height: 1.2;
	padding: 0 10px;*/
	overflow: hidden;
	line-height: 1.2;
}

@media (max-width:767px) {
	.groupstext-move {
		height: 30px;
	}
	.small2-small {
		height: 14px;
		transform: scale(.7);
		display: flex;
	}
}
/*相册以图片分组*/
.groups-groups {
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	color: #fff;
	margin-top: 10px
}

.icon-icon {
	background-image: url(/skin/img/system/default-icon.png?=20220727);
	display: block;
	background-size: 900px 1009px;
	width: 80px;
	height: 80px;
}

.groups-anim {
	transition: height 0.1s;
	-moz-transition: height 0.1s;
	-webkit-transition: height 0.1s;
	-o-transition: height 0.1s;
	width: 100%;
	height: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.groups-move {
	height: 120px
}

.groups-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	height: 160px;
	-webkit-overflow-scrolling: touch
}

.groups-wrapper::-webkit-scrollbar {
	display: none
}

.groups-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
	margin-top: 10px;
	min-width: 100px
}

.groups-item em {
	width: 100px;
	height: 100px;
	display: block;
}

.groups-item i {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.46);
	-ms-transform: scale(0.46);
	transform: scale(0.46);
	background-size: 900px 1009px;
	background-position: 0px 0px;
	width: 219px;
	height: 219px;
}
.groups-item.selected i {
	background-position: -219px -240px;
}
.groups-img {
	width: 83px;
	height: 83px;
	position: absolute;
	left: 8px;
	top: 8px;
	background-position: 0 0;
	background-size: 100%
}

@media (max-width:767px) {
	.groups-item {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 7px;
		min-width: 67px
	}

	.groups-item i {
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(0.31);
		-ms-transform: scale(0.31);
		transform: scale(0.31)
	}

	.groups-img {
		width: 56px;
		height: 56px;
		left: 6px;
		top: 6px
	}

	.groups-item em {
		width: 67px;
		height: 67px
	}

	.groups-move {
		height: 80px
	}

	.groups-wrapper {
		height: 90px
	}
}

.group-name2,.groups-name {
	position: absolute;
	left: 8px;
	bottom: 8px;
	width: 83px;
	background-color: rgba(0, 0, 0, 0.5);
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden
}

.groups-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:767px) {
	.group-name2,.groups-name {
		left: 6px;
		bottom: 5px;
		width: 56px
	}
}
/*底部导航*/
.theme1-component {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4002;
	pointer-events: none;
}
.theme1-left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.theme1-center,.theme1-left {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex
}
.theme1-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.theme1-right {
	padding-right: 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.copyright{
	text-align: center;
	color: #fff;
}
@media (max-width:767px) {
	.copyright{
		transform: scale(.7);
	}
}
@media (max-width:767px) {
	.theme1-right {
		padding-right: 6px
	}

	.theme1-center {
		position: fixed;
		bottom: 12px;
		width: 100%
	}
}

.lbbutton-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 56px;
	height: 70px;
	cursor: pointer;
	color: #fff;
	pointer-events: auto;
}

.lbbutton-size {
	width: 36px;
	height: 36px;
	margin-bottom: 4px
}

.lbbutton-icon {
	display: block;
	/*width: 36px;*/
	/*height: 36px;*/
	/*background-size: 100%;*/
	background-position: 50%;
	background-repeat: no-repeat
}

.lbbutton-title {
	max-width: 60px;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 1.2em;
	line-height: 1.2em
}

@media (max-width:767px) {
	.lbbutton-button {
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		width: auto;
		height: auto;
		flex: 0.07;
	}

	.lbbutton-title {
		max-width: 48px
	}
}
@media (max-width:767px) {
	.button-button-box {
		width: 38px;
		height: 50px
	}

	.button-button {
		/*-webkit-transform-origin: 0 0;*/
		/*-ms-transform-origin: 0 0;*/
		/*transform-origin: 0 0;*/
		/*-webkit-transform: scale(0.7);*/
		/*-ms-transform: scale(0.7);*/
		/*transform: scale(0.7)*/
	}
}
.button-button-box {
	display: flex;
}
.button-button {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.button-button i {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.45);
	-ms-transform: scale(0.45);
	transform: scale(0.45)
}

.button-button em {
	width: 36px;
	height: 36px;
	display: block;
}

.button-button p {
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-top: 4px
}
.react-component-tooltip.show{
	margin-left: 0px;
	visibility: visible;
	font-size: 14px;
	border-radius: 5px;
	padding: 6px 10px;
	border: 2px solid #babdc7;
	display: inline-block;
	position: fixed;
	pointer-events: none;
	transition: opacity 0.3s ease-out;
	z-index: 999;
	margin-top: -10px;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.7);
	opacity: 1;
}

/*底部导航图标*/
.icon-icon1 {
	background-position: -0px -734px;
}
.icon-iconr1 {
	background-position: -0px -815px;
}
.icon-icon2 {
	background-position: -160px -734px;
}

.icon-iconr2 {
	background-position: -160px -815px;
}

.icon-icon3 {
	background-position: -240px -734px;
}

.icon-icon4 {
	background-position: -80px -734px;
}

.icon-iconr4 {
	background-position: -80px -815px;
}

.icon-icon5 {
	background-position: -320px -734px;
}

.icon-iconr5 {
	background-position: -320px -815px;
}

.icon-icon6 {
	background-position: -400px -734px;
}

.icon-iconr6 {
	background-position: -400px -815px;
}

.icon-icon7 {
	background-position: 434px -590px;
}

.icon-iconr7 {
	background-position: 434px -660px;
}

.icon-icon8 {
	background-position: -481px -815px;
}

.icon-iconr8 {
	background-position: -481px -734px;
}

.groups-wrapper::after, .groups-wrapper::before  {
	/*content: ".";*/
	/*display: block;*/
	/*height: 0;*/
	/*width: 0;*/
	/*clear: both;*/
	/*visibility: hidden;*/
}
.groups-item:first-child {
	visibility: hidden;
	width: 0;
	min-width: 0;
	border: solid 1px transparent;
}
.groups-item:last-child {
	margin-left: 15px;
	visibility: hidden;
	width: 0;
	min-width: 0;
	border: solid 1px transparent;
}
.panos-wrapper::after, .panos-wrapper::before {

}
.panos-item:first-child {
	visibility: hidden;
	width: 0;
	min-width: 0;
	border: solid 1px transparent;
}
.panos-item:last-child {
	margin-left: 20px;
	visibility: hidden;
	width: 0;
	min-width: 0;
	border: solid 1px transparent;
}
.groupstext-wrapper::after, .groupstext-wrapper::before  {

}
.groupstext-item:first-child {
	visibility: hidden;
	width: 0;
	min-width: 0;
	border: solid 1px transparent;
}
.groupstext-item:last-child {
	margin-left: 20px;
	visibility: hidden;
	width: 0;
	min-width: 0;
	border-style: solid;
	border: solid 1px transparent;
}

/*右侧纵向按钮*/

.rightbtncontainer-container {
	position: absolute;
	right: 15px;
	z-index: 4300;
	top: 10px;
	overflow: hidden;
}

.rightbtncontainer-container.mbrbc-not-house {
	top: 12px;
}

@media (max-width:767px) {
	.rightbtncontainer-container {
		right: 10px
	}
}
.button-btn {
	width: 31px;
	height: 31px;
	margin-bottom: 14px;
	cursor: pointer;
	display: block;
}

.button-btn i {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	width: 62px;
	height: 62px;
}

@media (max-width:767px) {
	.button-btn {
		width: 22px;
		height: 22px;
		margin-bottom: 9px
	}

	.button-btn i {
		-webkit-transform: scale(0.35);
		-ms-transform: scale(0.35);
		transform: scale(0.35)
	}
}
.icon-z0 {
	background-position: -325px -660px;
}
.icon-z1 {
	background-position: -65px -589px;
}
.icon-rz1 {
	background-position: -65px -660px;
}
.icon-z2 {
	background-position: -130px -660px;
}
.icon-rz2 {
	background-position: -130px -590px;
}
.icon-z3 {
	background-position: 0px -660px;
}
.icon-z4 {
	background-position: -401px -590px;
}
.icon-rz4 {
	background-position: -401px -660px;
}
.icon-z5 {
	background-position: -325px -660px;
}
.kong {
	width: 0;
	margin:0 10px;
}
/*左边logo*/
.titlecontainer-title {
	position: absolute;
	z-index: 4000;
	left: 15px;
	color: #fff;
}

@media (max-width:767px) {
	.titlecontainer-title {
		left: 0;
		transform: scale(.8);
	}
}

.top20{
	top: 20px;
}
.top60{
	top: 60px;
}
@media (max-width:767px) {
	.top60{
		top: 50px;
		left: 5px;
		transform: scale(.7);
	}
}
.pv-pv {
	display: inline-block;
}

@media (max-width:767px) {
	.pv-pv {
		font-size: 12px;
		-webkit-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scale(0.85);
		-ms-transform: scale(0.85);
		transform: scale(0.85)
	}
}

.titlecontainer-author {
	padding-bottom: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
/*作者*/
.lineellipsis-linkpano {
	display: inline-block;
	max-width: 400px;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.2em;
	padding-right: 1.5em;
}
.view-logo {
	max-width: 150px;
	max-height: 72px;
	min-width: 10px;
	display: block;
	cursor: pointer;
}
.view-logo img {
	max-height: 36px;
	/*max-width: 100%;*/
}
.view-num{
	width: 1.5rem;
}
.yan-num{
	position: relative;
	left: 2px;
	height: 100%;
	vertical-align: middle;
}

@media (max-width: 767px){
	.lineellipsis-linkpano {
		font-size: 12px;
		padding-right: 0;
		-webkit-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scale(0.85);
		-ms-transform: scale(0.85);
		transform: scale(0.85);
		max-width: 200px;
	}
	.view-logo {
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}
}
.sandthumbnailbox {
	position: fixed;
	right: -300px;
	overflow-x: hidden;
	z-index: 3999;
	-webkit-transition: right 0.4s ease-in-out;
	-o-transition: right 0.4s ease-in-out;
	transition: right 0.4s ease-in-out;
	margin-top: 65px;
	right: 0;
}
.sand-small {
	margin-right: 56px;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 200px;
}
@media (max-width: 767px) {
	.sand-small {
		margin-right: 42px;
		width: 140px;
	}
}
.sand-inner {
	position: relative;
	overflow: hidden;
}

/*-------------*/
.panos-img .pano-name {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	overflow: hidden;
}
.groups-item.selected.text-anime .groups-name,
.panos-itemactive.text-anime .panos-img .pano-name {
	position: absolute;
	display: block;
	white-space: nowrap;
}
.small-small {
	text-align: center;
	max-width: 86%;
	overflow: hidden;
	white-space: nowrap;
}

.panos-itemactive.text-anime .small-small {
	text-align: unset;
	max-width: unset;
	overflow: unset;
	min-width: 80px;
	white-space: nowrap;
	display: inline-block;
	padding-right: 3rem;
}

.groups-item.selected.text-anime .small-small{
	text-align: unset;
	max-width: unset;
	overflow: unset;
	min-width: 83px;
	white-space: nowrap;
	display: inline-block;
	padding-right: 3rem;
}
.groups-item.selected.text-anime .small-small,
.panos-itemactive.text-anime .small-small {
	animation: marquee-1 8s linear infinite;
}
.groups-item.selected.text-anime .small-small:nth-child(2),
.panos-itemactive.text-anime .small-small:nth-child(2) {
	opacity: 0;
	animation: marquee-2 8s linear infinite;
	animation-delay: 4s;
}

@keyframes marquee-1 {
	0% {
		transform: translateX(100%);
	} to {
		  transform: translateX(-100%);
	  }
}

@keyframes marquee-2 {
	0% {
		transform: translateX(0);
		opacity: 1;
	} to {
		  transform: translateX(-200%);
		  opacity: 1;
	  }
}

@media (max-width:767px) {
	.groups-item.selected.text-anime .small-small,
	.panos-itemactive.text-anime .small-small {
		padding-right: 10px;
	}
	@keyframes marquee-1 {
		0% {
			transform: translateX(100%) scale(0.7);
		} to {
			  transform: translateX(-100%) scale(0.7);
		  }
	}
	@keyframes marquee-2 {
		0% {
			transform: translateX(0) scale(0.7);
			opacity: 1;
		} to {
			  transform: translateX(-200%) scale(0.7);
			  opacity: 1;
		  }
	}
}


/*咨询师*/
.consultant-list {
	position: absolute;
	top: 20%;
	width: 90%;
	margin: 0 5%;
	color: #fff;
}

.consultant-swiper {
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.consultant {
	display: block;
	margin: 1.5rem 1rem;
	padding: 1rem;
	/*box-shadow: 1px 1px 10px #d4d4d4;*/
	position: relative;
	border-radius: 0.3rem;
	background: rgba(0,0,0,0.58);
}

.consultant .cl-card {
	float: left;
}

.consultant .cl-img {
	position: absolute;
	width: 4.2rem;
	height: 4.2rem;
	right: 1.35rem;
	top: 1.35rem;
	overflow: hidden;
	border-radius: 50%;
}

/* .wx-swiper-dots {
  position: absolute;
  bottom: 1.75rem !important;
  left: unset !important;
  right: 3rem;
} */

.consultant .cl-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.consultant .cl-name {
	font-size: 0.95rem;
}

.consultant .cl-name span {
	font-size: 0.7rem;
	font-weight: normal;
	padding: 0.1rem 0.3rem;
	border-radius: 0.2rem;
	position: relative;
	top: -0.1rem;
	margin-left: 0.2rem;
}

.consultant .cl-intro {
	margin: 0.5rem 0 0.3rem;
	font-size: 0.8rem;
	color: #888;
	float: right;
}

.consultant .cl-btn {
	display: block;
	color: #fff;
	border-radius: 0.1rem;
	padding: 0.07rem 0 0.19rem;
	text-align: center;
	font-size: 0.7rem;
	letter-spacing: 0.05rem;
	line-height: 1.5rem;
	min-width: 5.2rem;
}

.consultant .icon-talk {
	margin-left: 0.05rem;
	position: relative;
	top: 0.1rem;
}

.consultant .cl-service {
	margin: 0.3rem 0 0.75rem;
	font-size: 0.8rem;
}

/* ----- */

.r4 .consultant {
	margin: 0.35rem 1rem;
	padding: 0.6rem 0.6rem;
}

.r4 .cl-card {
	float: unset;
	margin: 1.4rem 0 0;
}

.r4 .cl-card:first-child {
	margin-top: 0;
}

.r4 .cl-info {
	float: left;
	margin-left: 0.5rem;
}

.r4 .cl-service {
	margin: 0.3rem 0 0.3rem;
}

.r4 .cl-img {
	position: relative;
	width: 3rem;
	height: 3rem;
	overflow: hidden;
	border-radius: 50%;
	top: unset;
	right: unset;
	float: left;
}

.r4 .cl-btn {
	float: right;
	margin-top: 0.8rem;
}

.consultant .cl-btn {
	background-image: linear-gradient(90deg, #f54732, #ff7338);
	color: #fff;
}
.consultant .chkmore {
	font-size: 0.8rem;
	text-align: center;
	margin: 0.35rem 0;
}
.consultant-list .close {
	position: absolute;
	top: -12px;
	right: -1px;
	z-index: 9;
}
.consultant-list .close-btn {
	background-image: url(https://skin.0831home.com/img/vr_web/close.png);
	width: 25px;
	height: 25px;
	background-size: 100% 100%;
	display: inline-block;
}
/*沙盘，小地图*/

.dell {
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.intro-pop-u-room {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
}
.intro-pop-up {
	position: relative;
	width: 89%;
	max-height: 90%;
	max-width: 500px;
}
.intro-pop-up .ipp-layout {
	width: 100%;
	height: 100%;
}
.intro-pop-up .ipp-close-btn {
	width: 28px;
	height: 28px;
	top: -12px;
	right: -12px;
	position: absolute;
	z-index: 4000;
	background-color: #777;
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
	color: #fff;
	transform: rotate(45deg);
	font-size: 28px;
}
.intro-pop-up .ipp-content {
	padding: 6vh 9% 8vh;
	background-color: #fff;
	line-height: 25px;
	max-height: calc(75vh - 60px);
	overflow-x: hidden;
	overflow-y: auto;
}

.intro-pop-up .ipp-title{
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 15px;
}

.intro-pop-up .ipp-body{
	font-size: 14px;
	white-space: pre-wrap;
	word-break: break-all;
	text-align: justify;
	text-align-last: auto;
}
.intro-pop-up .ipp-header {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	height: 57px;
	background-color: #fff;
	color: #5f5f5f;
	font-size: 16px;
	border-bottom: 1px solid #ebebeb;
	padding: 0 60px;
	display: flex;
	box-sizing: border-box;
}

.intro-pop-up .ipp-tab {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	cursor: pointer;
	display: flex;
}

.intro-pop-up .ipp-tab.ipp-active {
	color: #333;
	font-weight: 700;
	border-bottom: 2px solid #333;
	min-width: 64px;
}
.ipp-mask-bg{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 4400;
	background-color: rgba(0, 0, 0, 0.7);
}
.intro-pop-up .ipp-ewm-con {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}
.ipp-ewm-con img {
	width: 180px;
	height: 180px;
}
.ipp-ewm-msg {
	display: block;
	text-align: center;
	font-size: 16px;
	margin-top: 1em;
}
/*----------*/
.cim-window {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	pointer-events: none;
}
.cim-window.cim-window-show {
	visibility: visible;
	z-index: 99999;
	pointer-events: auto;
}
.cim-window iframe {
	border: 0;
	width: 40vw;
	height: 60vh;
}
@media (max-width:767px) {
	.cim-window iframe {
		width: 80vw;
	}
}


/*新咨询师*/
.consultant-module {
	position: absolute;
	color: #fff;
	bottom: 85px;
	padding: 10px;
	width: calc(100% - 20px);
	display: flex;
	flex-direction: column-reverse;
	transition: height 0.1s;
	-moz-transition: height 0.1s;
	-webkit-transition: height 0.1s;
	-o-transition: height 0.1s;
	opacity: 1;
	height: 0;
	/*overflow: hidden;*/
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #fff;
	padding: 10px 10px 0;
}

.consultant-module.mk2 {
	height: auto;
}

.cm-body {
	position: relative;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.3);
	text-align: center;
	padding: 5px 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;F
	/* border-bottom: 1px solid #fff; */
border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin: 0 auto;
	max-width: 340px;
	margin-bottom: 33px;
	height: 34px;
	min-height: 34px;
	width: 100%;
	pointer-events: auto;
}
.cm-body:first-child {
	margin-bottom: 0px;
	background-color: rgba(0, 0, 0, 0);
	border-top-right-radius: 0;
}
.cm-body:nth-last-child(2) {
	border-top-right-radius: 0;
}
.cm-img img {
	width: 100%;
}

.cm-img {
	position: relative;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	overflow: hidden;
	/*border: 1px solid rgba(0, 0, 0, 0.3);*/
	float: left;
	background-color: rgba(0, 0, 0, 0.3);
	margin: 5px;
}
.cm-info-box {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	text-align: left;
	white-space: nowrap;
}

.cm-name {
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 700;
	max-width: 5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cm-service {
	font-size: 0.9375rem;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cm-btn-groups {
	float: right;
	height: 100%;
	display: flex;
}
.cbg-groups {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}
.cm-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	position: relative;
	cursor: pointer;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.33);
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
	padding: 0 10px;
	margin: 0 5px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	white-space: nowrap;
}
.consultto-btn {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	display: flex;
}
.icon-consultto {
	width: 20px;
	display: inline-block;
	margin-right: 0.5em;
}
.text-consultto {
	display: inline-block;
	-ms-flex-direction: column;
	line-height: 34px;
}
.body-bottom {
	background: rgba(0,0,0,0.3);
	max-width: 500px;
	flex: 1;
	margin: 2px auto 0;
	padding: 8px 10px;
	display: flex;
}

.bottom-btn {
	width: 25%;
	text-align: center;
	border-left: 4px solid #fff;
	margin: 0 4px;
}
.cm-top-btn {
	top: 0;
	text-align: center;
	position: absolute;
	margin: 0 175px;
	width: calc(100% - 350px);
	background: rgba(0, 0, 0, 0.33);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 3px 0;
}

.mk2 .cm-img {
	width: 56px;
	height: 56px;
	top: -24px;
	margin: 0;
	position: absolute;
	/*border: 2px solid rgb(66, 66, 66);*/
}

.mk2 .cm-name {
	margin-left: 70px;
	position: absolute;
	top: -20px;
	font-size: 14px;
}

.mk2 .cm-service {
	margin-top: 7px;
	float: left;
	margin-left: 70px;
	text-align: left;
}

.cbg-groups {
	float: right;
}
.mk2 .cm-top-btn {
	width: 44px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: 3px 7px 0;
	max-width: 280px;
	position: relative;
	margin: 0 auto;
	left: 151px;
	pointer-events: auto;
}
.cm-item {
	max-width: 280px;
	position: relative;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.2);
	text-align: center;
	pointer-events: none;
	padding: 5px 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 auto;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-bottom: 31px;
	height: 50px;
}

.cm-item .cm-img {
	position: relative;
	top: 1px;
	width: 44px;
	height: 44px;
}

.cm-item .cm-name {
	position: relative;
	top: 6px;
	margin-left: 22px;
	float: left;
}

.cm-item .cbg-groups {
	position: relative;
}
.mk2 .cm-item .cm-service {
	margin-left: 67px;
	position: absolute;
	margin-top: 28px;
}
.cm-item .cm-service div {
	display: inline-block;
}

@media (max-width: 767px) {
	.consultant-module {
		bottom: 64px;
		background: none;
		border-bottom: none;
	}
	.cm-body{
		max-width: 280px;
		background-color: rgba(0, 0, 0, 0.3);
	}
	.cm-body:first-child{
		background-color: rgba(0, 0, 0, 0.3);
		border-bottom: 1px solid #fff;
	}
	.mk2 .cm-img {
		transform: scale(0.7);
	}
	.mk2 .cm-name {
		transform: scale(0.7);
		margin-left: 55px;
	}
	.mk2 .cm-top-btn {
		transform: scale(0.7);
		top: 3px;
		left: 130px;
	}
	.mk2 .cm-service {
		margin-left: 87px;
		zoom: 0.7;
		margin-top: 14px;
	}
	.mk2 .cm-item .cm-name {
		transform: scale(0.7);
		margin-left: 8px;
	}
	.mk2 .cm-item .cm-service {
		margin-left: 36px;
		position: absolute;
		margin-top: 23px;
	}
	.consultto-btn {
		transform: scale(0.7);
		position: relative;
	}
}
.open-anim {
	animation: open-an 0.2s forwards;
}
@keyframes open-an {
	0% {
		height: 0;
		overflow: hidden;
	}
	100% {
		height: 34px;
		overflow: visible;
	}
}
.cm-service > div {
	display: inline-block;
	margin-right: 1em;
}
.cm-service > div:last-child {
	margin-right: 0;
}
/*---*/
.a-loading-box-bg {
	position: absolute;
	z-index: 300;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000;
	visibility: hidden;
}
.a-loading-box-bg.a-l-show {
	visibility: visible;
}
.a-loading-box-bg.tod-loading {
	width: 100%;
	background-color: #333;
	z-index: 100;
}
.a-loading-box-bg .a-loading-box {
	display: block;
	width: 100px;
	height: 100px;
	position: relative;
	background-color: rgb(0 0 0 / 30%);
	border-radius: 50px;
	backdrop-filter: blur(3px);
	-webkit-animation-fill-mode: both; /*解决动画闪现问题，具体参考见上一篇*/
	animation-fill-mode: both;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	transition-delay: 0.3s;
	transform: scale(0.4);
	opacity: 0;
	box-shadow: 0 0 6px rgb(228 228 228 / 40%) inset;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000;
}

.a-loading-box-bg.a-l-show .a-loading-box {
	-webkit-transition: all 0.6s cubic-bezier(.62, -0.91, .45, 1.97);
	transition: all 0.6s cubic-bezier(.62, -0.91, .45, 1.97);
	transform: scale(0.65);
	opacity: 1;
}
.a-loading-android {
	/*animation: rotate 1.6s cubic-bezier(0.2, 0.4, 0.3, 0.6) infinite;*/
	/*animation: rotate 1.6s cubic-bezier(0.2, 0.4, 0.25, 0.5) infinite;*/
	transform-origin: center center;
	width: 100px;
	height: 100px;
}
.a-loading-box-bg.a-l-show .a-loading-android {
	animation: rotate 1.6s cubic-bezier(0.8, 0.4, 0.3, 0.28) infinite;
}
.a-loading-box .progress {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	word-break: keep-all;
}
.a-loading-box-bg.tod-loading .a-loading-box .progress {
	font-size: 16px !important;
	font-weight: 400;
}

.a-loading-android > circle {
	display: inline-block;
	stroke-linecap: round;
	color: #fff;
	stroke-dasharray: 35, 125;
	-webkit-animation-fill-mode: both; /*解决动画闪现问题，具体参考见上一篇*/
	animation-fill-mode: both;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000;
}

.a-loading-android > circle:nth-child(1) {
	stroke-dashoffset: 0;
}
.a-loading-box-bg.a-l-show .a-loading-android > circle:nth-child(1) {
	animation: dash_1 1.6s linear infinite;
	animation-play-state: running;
	-webkit-animation-play-state: running; /* Safari 和 Chrome */
	stroke-dashoffset: -17;
}

.a-loading-android > circle:nth-child(2) {
	stroke-dashoffset: -42;
}
.a-loading-box-bg.a-l-show .a-loading-android > circle:nth-child(2) {
	animation: dash_2 1.6s linear infinite;
	animation-play-state: running;
	-webkit-animation-play-state: running; /* Safari 和 Chrome */
	stroke-dashoffset: -59;
}

.a-loading-android > circle:nth-child(3) {
	stroke-dashoffset: -84;
}
.a-loading-box-bg.a-l-show .a-loading-android > circle:nth-child(3) {
	animation: dash_3 1.6s linear infinite;
	animation-play-state: running;
	-webkit-animation-play-state: running; /* Safari 和 Chrome */
	stroke-dashoffset: -101;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash_1 {
	0% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
	28% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
	38% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: 0;
	}
	80% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
}

@keyframes dash_2 {
	0% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
	28% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
	38% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -42;
	}
	80% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -42;
	}
	100% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
}

@keyframes dash_3 {
	0% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
	28% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
	38% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -84;
	}
	80% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -84;
	}
	100% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
}

/*@keyframes dash_1 {
	0% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: 0;
	}
	20% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
	48% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
	58% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: 0;
	}
}

@keyframes dash_2 {
	0% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -42;
	}
	20% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
	48% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
	58% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -42;
	}
	100% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -42;
	}
}

@keyframes dash_3 {
	0% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -84;
	}
	20% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
	48% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
	58% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -84;
	}
	100% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -84;
	}
}*/
/*@keyframes dash_1 {
	0% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
	20% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: 0;
	}
	48% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: 0;
	}
	58% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
	100% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -17;
	}
}

@keyframes dash_2 {
	0% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
	20% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -42;
	}
	48% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -42;
	}
	58% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
	100% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -59;
	}
}

@keyframes dash_3 {
	0% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
	20% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -84;
	}
	48% {
		stroke-dasharray: 35, 125;
		stroke-dashoffset: -84;
	}
	58% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
	100% {
		stroke-dasharray: 1, 125;
		stroke-dashoffset: -101;
	}
}*/
.visit-code-box-room {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	background-color: rgb(0 0 0 / 60%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.visit-code-box-room .visit-code-box {
	max-width: 300px;
	width: 80%;
	background-color: #393D49;
	color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 10px rgb(255 255 255 / 20%);
	padding: 30px 25px 80px;
	box-sizing: border-box;
	position: relative;
}
.visit-code-box-room .visit-code-box .vcb-info {
	font-size: 16px;
	margin: 0 auto 20px;
}
.visit-code-box-room .visit-code-box .vcb-input {
	color: #000;
}
.visit-code-box-room .visit-code-box .vcb-tool {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	background-color: #fff;
	padding: 10px 0;
}
.visit-code-box-room .visit-code-box .vcb-tool button {
	height: 30px;
	line-height: 30px;
	border-color: #1E9FFF;
	background-color: #1E9FFF;
}
/*---*/
.embed-photo {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 0 5px rgb(0 0 0 / 50%);
}
.embed-photo .swiper-container.swiper-embed-photo-slider {
	width: 100%;
	height: 100%;
}
.embed-photo .swiper-container.swiper-embed-photo-slider .swiper-slide {

}
.embed-photo .swiper-container.swiper-embed-photo-slider .swiper-slide .cover-img {
	width: 100%;
	height: 100%;
}
/*---*/
#lp-map-address .baidumap-overlay.overlay-marker {
	position: absolute;
	z-index: 100;
	width: 30px;
	height: 45px;
	background-image: url(/skin/js/system/vr-edit/img/tools/icon-location.svg);
	background-repeat: no-repeat;
	pointer-events: none;
	margin-top: -37px;
	margin-left: -14px;
}
#lp-map-address .baidumap-overlay {
	position: absolute;
	z-index: 10;
}
#lp-map-address .baidumap-overlay.overlay-rect {
	z-index: 90;
}
#lp-map-address .baidumap-overlay.overlay-rect.overlay-selected {
	z-index: 100;
}
#lp-map-address .baidumap-overlay .content {
	position: absolute;
	bottom: 10px;
	left: -10px;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	background-color: rgb(255 255 255 / 75%);
	backdrop-filter: blur(2px);
	border: solid 1px rgba(0, 0, 0, 0);
	padding: 10px;
	box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
}
#lp-map-address .baidumap-overlay.overlay-rect.overlay-selected .content {
	border: solid 1px rgba(0, 140, 247, 0.4);
	box-shadow: 0 2px 10px rgb(0 140 247 / 20%);
}
#lp-map-address .baidumap-overlay.overlay-rect .content {
	width: 170px;
	height: 56px;
	border-radius: 2px;
}
#lp-map-address .baidumap-overlay .content .min-mode-btn {
	display: none;
}
#lp-map-address .baidumap-overlay.overlay-rect .content .min-mode-btn {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 2px;
	bottom: 2px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 8px;
	text-align: center;
	overflow: hidden;
	color: #808080;
}
#lp-map-address .baidumap-overlay.overlay-rect .content .min-mode-btn:hover {
	box-shadow: 0 0 5px rgb(0 0 0 / 30%);
	color: #ababab;
}
#lp-map-address .baidumap-overlay .content .title {
	font-size: 14px;
	color: #141516;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 18px;
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 18px 18px;
	margin-left: -5px;
	margin-top: -5px;
}
#lp-map-address .baidumap-overlay.overlay-rect .content .title {
	margin-left: 0;
	margin-top: 0;
}
#lp-map-address .overlay-school .content .title {
	background-image: url(/skin/js/system/vr-edit/img/tools/icon-school.svg);
}
#lp-map-address .overlay-station .content .title {
	background-image: url(/skin/js/system/vr-edit/img/tools/icon-station.svg);
}
#lp-map-address .overlay-mall .content .title {
	background-image: url(/skin/js/system/vr-edit/img/tools/icon-mall.svg);
}
#lp-map-address .overlay-hospital .content .title {
	background-image: url(/skin/js/system/vr-edit/img/tools/icon-hospital.svg);
}
#lp-map-address .baidumap-overlay .content .title-copy {
	font-size: 14px;
	color: #141516;
	font-weight: 700;
	white-space: nowrap;
	word-break: keep-all;
	line-height: 18px;
	padding-left: 24px;
	position: absolute;
	visibility: hidden;
	pointer-events: none;
}
#lp-map-address .baidumap-overlay .content .distance {
	overflow: hidden;
	color: #2d3037;
	display: block;
	position: relative;
	white-space: nowrap;
	font-size: 12px;
	padding-left: 31px;
	zoom: 0.8;
	margin-top: 5px;
	box-sizing: border-box;
}
#lp-map-address .baidumap-overlay .content .distance:before {
	content: '';
	display: block;
	position: absolute;
	left: 11px;
	top: 3px;
	width: 1px;
	height: 11px;
	background-color: #c3c3c3;
}
#lp-map-address .baidumap-overlay .circle {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
	left: -10px;
	top: -10px;
	margin: 5px;
	background-color: #45d2f7;
	background-image: linear-gradient(#45d2f7, #2ac2ea);
	box-sizing: border-box;
	box-shadow: 0 0 5px rgb(0 0 0 / 60%);
	display: none;
}
#lp-map-address .baidumap-overlay.overlay-rect.overlay-selected .circle {
	display: block;
}
/*20210715新增*/
.clear-btn {
	display: flex;
	margin-left: -55px;
	position: fixed;
	bottom: 100px;
	left: 50%;
	border: 1px solid #fff;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.35);
	width: 110px;
	height: 30px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	z-index: 200;
}

.icon-clear {
	background-position: 362px -660px;
}

.clear-btn .icon-icon.icon-clear {
	width: 72px;
	height: 66px;
	margin-left: 11px;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	position: relative;
	left: -3px;
	margin-right: -34px;
}

.text-tips {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}

.big-lecture-bar {
	pointer-events: none;
	width: 400px;
	text-align: center;
	position: relative;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	height: 72px;
	bottom: 157px;
}

.big-lecture-bar .audiobarpc .content .controller-box:before{
	display: none;
}

.audiobarpc .content .controller-box .play-btn {
	width: 72px;
	height: 72px;
	position: relative;
	cursor: pointer;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	-webkit-transition: background .3s ease, -webkit-transform .3s ease;
	transition: background .3s ease, -webkit-transform .3s ease;
	transition: transform .3s ease, background .3s ease;
	transition: transform .3s ease, background .3s ease, -webkit-transform .3s ease;
}

.audiobarpc .content .controller-box .play-btn i {
	display: inline-block;
	width: 58px;
	height: 58px;
	border-radius: 2px;
	background: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-radius: 50%;
}

.audiobarpc .content .controller-box .play-btn i:after {
	content: "";
	display: inline-block;
	line-height: 100%;
	width: 25px;
	height: 22px;
	background: no-repeat 50%/100% 100% url(image/play.v6.svg);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	margin-left: 20px;
}
#krpanoSWFObject {
	background-color: #333 !important;
}
#krpanoSWFObject canvas {
	/*z-index: 1;*/
}
#krpanoSWFObject canvas.kr-canvas-hide {
	transform: translateY(-10000px);
}
#krpanoSWFObject canvas.sp-house {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	z-index: 10;
}
#pano {
	height: 100%;
}

.minimap.minimap-mobile-ui.mbmap-not-house {
	top: 20px;
	right: 68px;
}

/* --- */
.ui-pc-small .video-pc {
	position: absolute;
	z-index: 4444;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 85%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.ui-pc-small .video-pc .video-modal {
	visibility: hidden;
	max-width: 70%;
	min-width: 360px;
	border: solid 8px rgb(255 255 255 / 20%);
}
.ui-pc-small .video-pc .video-modal.vm-show {
	visibility: visible;
}

/* --- */
.ui-pc-small .user-login-pc {
	position: absolute;
	z-index: 4455;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 40%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.ui-pc-small .user-login-pc .user-login-modal {
	width: 100%;
	height: 100%;
	max-width: 360px;
	max-height: 500px;
}
.ui-pc-small .user-login-pc .user-login-modal .content {
	width: 100%;
	height: 100%;
}
.ui-pc-small .user-login-pc .user-login-modal .user-login-handle {
	width: 100%;
	height: 100%;
	border: 0;
}

.vr-plugin {
}

/*留言板样式*/

.ui-pc-small .liuyan-pc {
	position: absolute;
	z-index: 4444;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

.ui-pc-small .liuyan-pc.liuyan-mobile .liuyan-modal {
	bottom: 240px;
}

.ui-pc-small .liuyan-pc.liuyan-mobile .liuyan-box-body textarea {
	height: 60px;
}

.ui-pc-small .liuyan-pc .liuyan-modal {
	position: absolute;
	pointer-events: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 400px;
	bottom: 310px;
}

.ui-pc-small .liuyan-pc .liuyan-modal .content {
	position: relative;
	margin: 0 15px;
}

.ui-pc-small .liuyan-pc .liuyan-box {
	position: absolute;
	padding: 2px 15px 12px;
	box-sizing: border-box;
	background-color: rgba(51, 51, 51, 0.6);
	color: #fff;
	width: 100%;
}

.liuyan-box.hongbao-mode {
	background-image: url(/skin/img/res/02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.ui-pc-small .liuyan-pc .liuyan-box-head {
	display: flex;
	align-items: center;
}

.ui-pc-small .liuyan-pc .liuyan-box-head .lbh-text {
	position: relative;
	left: -4px;
	top: -2px;
}

.ui-pc-small .liuyan-pc .liuyan-box-body textarea {
	padding: 13px 9px;
	box-sizing: border-box;
	width: 100%;
	height: 90px;
	resize: none;
	color: #333;
}

.ui-pc-small .liuyan-pc .liuyan-box-foot {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	align-items: center;
}

.ui-pc-small .liuyan-pc .liuyan-box-head .lbh-icon, .ui-pc-small .liuyan-pc .liuyan-box-foot .lpl-icon-refresh, .ui-pc-small .liuyan-pc .liuyan-box-foot .lpl-icon-hide {
	background-image: url(/skin/img/system/default-icon.png?=20220803);
	background-size: 900px 1009px;
	-webkit-transform-origin: 18.5px 18.5px;
	-ms-transform-origin: 18.5px 18.5px;
	transform-origin: 18.5px 18.5px;
	-webkit-transform: scale(0.45);
	-ms-transform: scale(0.45);
	transform: scale(0.45);
}

.ui-pc-small .liuyan-pc .liuyan-box-head .lbh-icon {
	width: 37px;
	height: 37px;
	background-position: -423px -921px;
	display: flex;
	margin-left: -5px;
}

.ui-pc-small .liuyan-pc .liuyan-box-foot .lpl-icon-refresh {
	width: 37px;
	height: 37px;
	background-position: -55px -921px;
	display: flex;
}

.ui-pc-small .liuyan-pc .liuyan-box-foot .lpl-icon-hide {
	width: 37px;
	height: 37px;
	background-position: -575px -921px;
	display: flex;
}

.ui-pc-small .liuyan-pc .liuyan-part-left {
	display: flex;
	justify-content: space-between;
}

.ui-pc-small .liuyan-pc .refresh-btn, .ui-pc-small .liuyan-pc .hide-btn {
	display: flex;
	align-items: center;
}

.ui-pc-small .liuyan-pc .hide-btn .btn-text {
	position: relative;
	left: -4px;
	top: -3px;
}

.ui-pc-small .liuyan-pc .liuyan-part-right {
	display: flex;
}

.ui-pc-small .liuyan-pc .lpr-btn-publish {
	width: 96px;
	height: 31px;
	background-color: #ff4800;
	display: flex;
	justify-content: center;
	align-items: center;
}

.liuyan-box.hongbao-mode .lpr-btn-publish {

}

.liuyan-box.hongbao-mode .lpr-btn-cancel {
	background-color: rgb(0 0 0 / 60%) !important;
	border: 0 !important;
	height: 31px !important;
}

.ui-pc-small .liuyan-pc .lpr-btn-cancel {
	margin-left: 10px;
	width: 68px;
	height: 29px;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lpr-btn-publish.rbp-disable.cp {
	opacity: 0.4;
	cursor: default !important;
}

.lpr-publish-user {
	/*width: 31px;
	height: 31px;
	margin-right: 10px;
	object-fit: cover;*/
	width: 19px;
	height: 19px;
	object-fit: cover;
	position: absolute;
	margin-left: 3px;
	margin-top: -3px;
}

.htcomment-item, .htcomment-tmp {
	display: flex;
	/*background-image: linear-gradient(190deg, rgb(0 197 255 / 55%), rgb(221 215 44 / 55%));*/
	background-image: linear-gradient(190deg, rgb(255 94 46 / 55%), rgb(221 215 44 / 55%));
	border-radius: 3px;
	width: 200px;
	height: 51px;
	/*overflow: hidden;*/
	backdrop-filter: blur(3px);
}

.htcomment-item .user-avatar, .htcomment-tmp .user-avatar {
	width: 42px;
	height: 42px;
	margin: 5px;
	border-radius: 3px;
}

.htcomment-item .user-comment, .htcomment-tmp .user-comment {
	margin: 5px 1px;
	margin-right: 6px;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	letter-spacing: 2px;
	text-shadow: 1.2px 1.2px rgb(0 0 0 / 50%);
}

.htcomment-item .um-box, .htcomment-tmp .um-box {
	position: absolute;
	top: 100%;
	left: 15px;
	width: 20px;
	height: 20px;
	overflow: hidden;
}

.htcomment-item .um-box .u-mark, .htcomment-tmp .um-box .u-mark {
	width: 0;
	height: 0;
	border-top: 12px solid rgb(221 215 44 / 50%);
	border-right: 13px solid transparent;
	margin-top: -2px;
	transform: rotate(12deg);
	position: absolute;
	left: 1px;
}

.htcomment-item {
	position: absolute;
	width: auto;
	height: 30px;
	margin-left: 5px;
	margin-top: 3px;
	/*background-image: linear-gradient(190deg, rgb(98 98 98 / 30%), rgb(189 189 189 / 49%));*/
	background-image: linear-gradient(190deg, rgb(98 98 98 / 30%), rgb(159 100 40 / 50%));
	transform: scale(0.1);
	opacity: 0;
}

.htcomment-item.show {
	transform: scale(1);
	opacity: 1;
}

.htcomment-item .user-avatar {
	width: 24px;
	height: 24px;
	margin: 3px;
}

.htcomment-item .user-comment {
	line-height: 22px;
	margin-right: 3px;
	word-break: keep-all;
	white-space: nowrap;
}

.htcomment-item .um-box {
	margin-left: -5px;
}

.htcomment-item .um-del {
	font-style: normal;
	position: absolute;
	right: -6px;
	top: -6px;
	background-color: #d35d00;
	width: 16px;
	height: 16px;
	text-indent: 4px;
	line-height: 17px;
	font-size: 12px;
	border-radius: 12px;
	color: #fff;
	zoom: 0.79;
	cursor: pointer;
	pointer-events: auto;
}

.htcomment-item.htcomment-reverse .um-del {
	right: unset;
	left: -6px;
}

.htcomment-item.htcomment-reverse .um-box .u-mark, .htcomment-item .um-box .u-mark {
	/*border-top: 12px solid rgb(189 189 189 / 49%);*/
	border-top: 12px solid rgb(159 100 40 / 50%) !important;
	margin-top: -5px;
}

.htcomment-item.htcomment-reverse .um-box {
	margin-right: -10px;
}

.htcomment-reverse {
	flex-direction: row-reverse !important;
	background-image: linear-gradient(170deg, rgb(255 94 46 / 55%), rgb(221 215 44 / 55%)) !important;
	right: 0;
}

.htcomment-reverse .user-comment {
	margin-left: 6px !important;
	margin-right: 1px !important;
	/*direction: rtl;
	unicode-bidi: bidi-override;*/
}

.htcomment-reverse .um-box {
	right: 15px !important;
	left: unset !important;
}

.htcomment-reverse .um-box .u-mark {
	transform: scale(-1, 1) rotate(12deg) !important;
	border-top: 12px solid rgb(221 215 44 / 55%) !important;
}

.htcomment-item.htcomment-reverse {
	background-image: linear-gradient(170deg, rgb(98 98 98 / 30%), rgb(159 100 40 / 50%)) !important;
	margin-right: 10px;
}

.lbh-tool {
	position: absolute;
	right: 16px;
}

.lbh-tool .bht-text {
	float: left;
	margin-right: 5px;
	letter-spacing: 1px;
	zoom: 0.88;
}

.lbh-tool .bht-left {
	width: 9px;
	height: 11px;
	background-color: #fff;
	float: left;
	margin-right: 34px;
	margin-top: 2px;
}

.lbh-tool .bht-left.selected {
	background-color: #ff4800;
}

.lbh-tool .bht-left.selected i {
	border: solid 1px #ff4800;
	color: #ff4800;
}

.lbh-tool .bht-left i {
	display: block;
	width: 24px;
	height: 100%;
	border: solid 1px #fff;
	box-sizing: border-box;
	line-height: 0;
	text-indent: 10px;
}

.lbh-tool .bht-right {
	width: 9px;
	height: 11px;
	background-color: #fff;
	float: left;
	margin-right: 0px;
	margin-top: 2px;
	position: relative;
}

.lbh-tool .bht-right.selected {
	background-color: #ff4800;
}

.lbh-tool .bht-right.selected i {
	border: solid 1px #ff4800;
	color: #ff4800;
}

.lbh-tool .bht-right i {
	display: block;
	width: 24px;
	height: 100%;
	border: solid 1px #fff;
	box-sizing: border-box;
	position: absolute;
	left: -15px;
	line-height: 0px;
	text-indent: 3px;
}

.liuyan-part-right .hide-btn.selected {
	color: #2dffe2;
}

.liuyan-part-right .hide-btn.selected .lpl-icon-hide {
	background-position: -651px -921px;
	background-image: url(/skin/img/system/default-icon.png?=20220803), linear-gradient(rgb(45 255 226 / 35%), rgb(0 255 208 / 1%));
	-webkit-filter: drop-shadow(0px 0px #2dffe2) saturate(1600%);
	filter: drop-shadow(0px 0px #2dffe2) saturate(1600%);
	background-blend-mode: darken;
}

.liuyan-box .max-box-btn {
	width: 36px;
	height: 36px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.ui-pc-small .liuyan-pc .liuyan-box.hide-box {
	background-color: unset;
	pointer-events: none;
}

.liuyan-box.hide-box > * {
	visibility: hidden;
}

.liuyan-box.hide-box > .max-box-btn {
	visibility: visible;
	opacity: 0.7;
	pointer-events: auto;
}

.liuyan-box .max-box-btn i {
	zoom: 0.45;
}

songti {
	font-family: '宋体';
}

.kong-hong-bao {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	z-index: 99999;
	background-color: rgb(0 0 0 / 70%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.kong-hong-bao .khb-box {
	width: 238px;
	height: 352px;
	background-image: url(/skin/img/res/04.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.kong-hong-bao .khb-box .khb-box-text {
    margin: 40px 30px;
    color: #fff;
}

.kong-hong-bao .khb-box .khb-box-text p {
	text-align: center;
	font-size: 18px;
}

.kong-hong-bao .khb-box .khb-box-text p:nth-child(3) {
	font-size: 13px;
}

.htcomment-handle-box {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	pointer-events: none;
}

/*0821*/
.full-bg {
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;
	width: 100vw;
	z-index: 99999;
	background: #00000080;
	color: #fff;
	display: none;
}

.full-bg > div {
	width: 80vw;
	height: 80vw;
	max-width: 320px;
	max-height: 320px;
	background: #fff;
	border-radius: 8px;
	overflow:hidden;
}

.full-bg > div .head-img img {
	width:100%;
}

.full-bg > div .text-content {
	color: #333;
	text-align: center;
	font-size: 12.5px;
}

.full-bg .close-btn {
	border: 1px #bbb solid;
	padding: 10px 25px;
	border-radius: 5px;
	font-size: 14px;
	width: 120px;
	margin: 35px auto 0;
	color: #333;
}

.full-bg .center-img {
	width: 150px;
	height: 110px;
	display: block;
	margin: -120px auto 30px;
}

.full-bg-dark {
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;
	width: 100vw;
	z-index: 99999;
	background: #00000080;
	color: #fff;
}

.full-bg-dark > div {
	width: 80vw;
	height: 80vw;
	max-width: 320px;
	max-height: 320px;
	/*background: #00000099;*/
	border-radius: 8px;
	overflow: hidden;
	/*box-shadow: 0 0 4px 1px #ffffff66;*/
}

.full-bg-dark > div .head-img {
	text-align: center;
	height: 207px;
	line-height: 207px;
}

.full-bg-dark > div .head-img img {
	width: 100px;
}

.full-bg-dark > div .text-content {
	color: #fff;
	text-align: center;
	font-size: 12.5px;
}

.full-bg-dark .close-btn {
	border: 1px #bbb solid;
	padding: 6px;
	border-radius: 5px;
	font-size: 14px;
	width: 70px;
	margin: 35px auto 0;
	color: #000;
	background: #ffffffc7;
}