@charset "utf-8";
	html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option,textarea,p {
	padding:0;
	margin:0;
	border:0;
	outline:0;
	background:none;
}
img {
	display:block;
	border:0;
}
ol,ul {
	list-style:none;
}
a,ins {
	text-decoration:none;
	color:#333;
}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance:none !important;
	margin:0;
}
input[type="number"] {
	-moz-appearance:textfield;
}
input,button,textarea {
	outline:none;
	-webkit-appearance:none;
	border-radius:0;
	resize:none!important;
}
select {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
body {
	color:#333;
	font-size:12px !important;
	line-height:24px;
	font-weight:normal;
	font-family:-apple-system-font,Helvetica Neue,"Microsoft YaHei","微软雅黑","宋体",sans-serif;
	background-color:#fff;
	cursor:default;
	padding:0;
	margin:0;
	-webkit-overflow-scrolling:touch;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
html,body{height:100%;width:100%;}
#full{
	position:relative;
	padding:0;
	margin:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
#full #pano{
	width:100%;
	height:100%;
	overflow:hidden;
}
#full #button{
	display:none;
	overflow:hidden;
}
#full #button .block{
	display:block;
}
#full #button .none{
	display:none;
}
#full #button #back{
	position:absolute;
	top:10px;
	left:10px;
	z-index:101;
	width:20pt;
	height:20pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(255,255,255,0.3);
	background-image:url('/static/image/back.svg');
	background-position:1pt center;
	background-repeat:no-repeat;
	background-size:14pt 14pt;
	border-radius:100%;
	transform:rotate(180deg);
}
#full #button #style{
	position:absolute;
	top:10px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/style.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}
#full #button #room{
	position:absolute;
	top:60px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/room.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}
#full #button #shop{
	position:absolute;
	top:110px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/ico3.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}
#full #button #reset2{
	position:absolute;
	top:160px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/r.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}
#full #button #webvr{
	position:absolute;
	top:10px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/vr.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}

#full #button #save{
	position:absolute;
	top:210px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/save.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}
#full #button #share{
	position:absolute;
	top:60px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/share.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}
#full #button #nick{
	position:absolute;
	left:10px;
	bottom:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	background-color:rgba(255,255,255,0.3);
	background-position:center left;
	background-repeat:no-repeat;
	background-size:30pt 30pt;
	border-radius:0 30pt 30pt 0;
	padding:0 20pt 0 40pt;
	line-height:30pt;
}
#full #button #more{
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:101;
	width:30pt;
	height:30pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.3);
	background-image:url('/static/image/more.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18pt 18pt;
	border-radius:100%;
}
#full #button #style .style{
	position:absolute;
	top:-4pt;
	right:-4pt;
	border:1px solid rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.1);
	z-index:100;
	border-radius:36pt;
	height:36pt;
	padding:0 40pt 0 20pt;
	overflow:hidden;
}
#full #button #style .style div{
	overflow-x:auto;
	overflow-y:hidden;
}
#full #button #style .style ul{
	overflow:hidden;
}
#full #button #style .style ul li{
	height:36pt;
	line-height:36pt;
	width:70px;
	text-align:center;
	float:left;
	color:#fff;
	font-size:18px;
}
#full #zorder{
	display:none;
	overflow:hidden;
}
#full #zorder .room{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:10001;
	background-color:rgba(0,0,0,0.8);
	padding:10px 0;
	overflow-x:auto;
	overflow-y:hidden;
}
#full #zorder .room ul{
	height:118px;
	margin:0 auto;
	overflow-y:hidden;
	overflow-x:auto;
	width:100%;
}
#full #zorder .room ul li{
	float:left;
	margin-left:10px;
	width:110px;
	overflow:hidden;
}
#full #zorder .room ul li .img{
	width:110px;
	height:90px;
	position:relative;
}
#full #zorder .room ul li .sceneTitle{
	color:#fff;
	font-size:18px;
	display:block;
	text-align:center;
	padding-top:4px;
}
#full #zorder .room ul li.hover .img:before{
	content:"";
	position:absolute;
	border:5px solid #FFDB49;
	left:0;
	top:0;
	bottom:0;
	right:0;
}
#full #zorder .room ul li:last-child{
	margin-right:10px;
}
#full #zorder .room ul li img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#full #zorder .more{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:10001;
	background-color:rgba(0,0,0,0.8);
	padding:10px 0;
	overflow-x:auto;
	overflow-y:hidden;
}
#full #zorder .more ul{
	display:flex;
	margin:0 auto;
	flex-wrap:wrap;
	overflow:hidden;
	padding: 0 14px;
}
#full #zorder .more ul li:nth-child(4n+1) {margin-left:0;}
#full #zorder .more ul li{
	background-position:center 10px;
	background-repeat:no-repeat;
	background-size:40px 30px;
	padding:45px 0 0 0;
	width:20vw;
	height:33px;
	line-height:30px;
	text-align:center;
	font-size:16px;
	color:#fff;
	overflow:hidden;
	background-color: rgba(255,255,255,0.2);
    margin: 1.5vw 0 1.5vw 4.1vw;
    border-radius: 1vw;
}
@media screen and (min-width: 640px){
	#full #zorder .more ul{
		width:70%;
	}
	#full #zorder .more ul li{
		flex:1;
		margin:0.5vw;
	}
}
@media screen and (max-width: 360px){
	#full #zorder .more ul li{margin:1.5vw 0 1.5vw 3.6vw;font-size:14px;}
}
#full #zorder .more ul li.rooma{
	background-image:url('/static/image/room.svg');
}
#full #zorder .more ul li.stylea{
	background-image:url('/static/image/style.svg');
}
#full #zorder .more ul li.offer{
	background-image:url('/static/image/offer.svg');
}
#full #zorder .more ul li.cart{
	background-image:url('/static/image/cart.svg');
}
#full #zorder .more ul li.share{
	background-image:url('/static/image/share.svg');
}
#full #zorder .more ul li.about{
	background-image:url('/static/image/about.svg');
}
#full #zorder .more ul li.ico1{
	background-image:url('/static/image/ico1.svg');
}
#full #zorder .more ul li.ico2{
	background-image:url('/static/image/ico2.svg');
}
#full #zorder .more ul li.ico3{
	background-image:url('/static/image/ico3.svg');
}
#full #zorder .more ul li.ico4{
	background-image:url('/static/image/ico4.svg');
}
#full #zorder .more ul li.ico5{
	background-image:url('/static/image/ico5.svg');
}
#full #zorder .more ul li.ico6{
	background-image:url('/static/image/ico6.svg');
}
#full #zorder .more ul li.ico7{
	background-image:url('/static/image/ico7.svg');
}
#full #zorder .more ul li.ico8{
	background-image:url('/static/image/ico8.svg');
}
#full #zorder .more ul li.history {
	background-image:url('/static/image/history.png');
	background-size: 30px 30px;
}
#full #modal{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.7);
	z-index:1000;
	display:none;
}
#full #modal .modal{
	position:relative;
	z-index:1001;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#full #modal .modal .close{
	padding: 2rem 0 0;
	display:flex;
	justify-content:center;
}
#full #modal .modal .close i{
	display:block;
	width:42px;
	height:42px;
	background-image:url('/static/image/close.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}
#full #modal .modal .qrcode{
	overflow:hidden;
}
#full #modal .modal .qrcode img{
	width:250px;
	height:250px;
	margin:0 auto;
}
#full #modal .modal .hotsgood{
	overflow-x:auto;
	overflow-y:hidden;
}
#full #modal .modal .hotsgood ul{
	height:413px;
	padding-left:14px;
	overflow:hidden;
	margin: 0 auto;
}
#full #modal .modal .hotsgood ul li{
	background-color:#fff;
	width:287px;
	border-radius:5px;
	padding:8px 9px 16px 8px;
	float:left;
	/* margin-left:20px; */
	height:100%;
	box-sizing: border-box;
	position:relative;
}
#full #modal .modal .hotsgood ul li .selecticon {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:84px;
	height:84px;
	display:none;
	background:url('/static/image/select.png') no-repeat center;
	background-size:cover;
}
#full #modal .modal .hotsgood ul li.act .selecticon{
	display:block;
}
#full #modal .modal .hotsgood ul li.act .bottom .join {
	color:#CCCCCC;
	background:#F2F2F2;
	border-color:#F2F2F2;
}
/* #full #modal .modal .hotsgood ul li:first-child{ */
	/* margin-left:30px; */
/* } */
#full #modal .modal .hotsgood ul li + li{margin-left:8px;}
#full #modal .modal .hotsgood ul li img{
	width:274px;
	height:274px;
	border-radius:10px;
}
#full #modal .modal .hotsgood ul li p{
	text-overflow:ellipsis;
	word-break:break-all;
	display:-webkit-box; 
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	line-height:24px;
	font-size:18px;
	text-align:center;
	overflow:hidden;
	color:#000;
	padding-top: 8px;
}
#full #modal .modal .hotsgood ul li .price{
	color:#FF5500;
	font-size:16px;
	display:block;
	text-align:center;
	padding:8px 0;
}
#full #modal .modal .hotsgood ul li .price>font{
	font-size:12px;
}
#full #modal .modal .hotsgood ul li .bottom{
	display:flex;
	overflow:hidden;
}
#full #modal .modal .hotsgood ul li .bottom .price{
	flex:1;
	color:#fa5d43;
	font-size:16px;
}
#full #modal .modal .hotsgood ul li .bottom .price em{
	font-size:12pt;
	font-style:normal;
}
#full #modal .modal .hotsgood ul li .bottom .preview{
	border:1px solid #E6E6E6;
	color:#333;
	width:133px;
	height:36px;
	line-height:36px;
	border-radius:20px;
	font-size:14px;
	text-align:center;
}
#full #modal .modal .hotsgood ul li .bottom .join{
	border:1px solid #FFDB49;
	background: #FFDB49;
	color:#000;
	width:133px;
	height:36px;
	line-height:36px;
	border-radius:20px;
	margin-left:8px;
	font-size:14px;
	text-align:center;
}
#full #modal .modal .style{
	overflow-x:auto;
	overflow-y:hidden;
}
#full #modal .modal .style ul{
	height:380px;
	overflow:hidden;
}
#full #modal .modal .style ul li{
	background-color:#fff;
	border-radius:5px;
	padding:10px 10px 20px;
	float:left;
	margin-left:20px;
	overflow:hidden;
}
#full #modal .modal .style ul li:first-child{
	margin-left:30px;
}
#full #modal .modal .style ul li img{
	width:280px;
	height:280px;
	border-radius:5px;
	box-shadow:0 0 3px rgba(0,0,0,0.7);
}
#full #modal .modal .style ul li p{
	height:40px;
	line-height:40px;
	font-size:12pt;
	text-align:center;
	width:280px;
	overflow:hidden;
}
#full #modal .modal .goodsdetail{
	background-color:#fff;
	overflow-x:hidden;
	overflow-y:auto;
}
#full #modal .modal .goodsdetail + .close{
	display:none;
}
#full #modal .modal .goodsdetail p{
	margin:0;
	padding:0;
}
#full #modal .modal .goodsdetail p img{
	max-width:100%;
}
#full #modal .modal .cart{
	background-color:#fff;
	width:90%;
	margin:0 auto;
	border-radius:10px;
	overflow:hidden;
}
#full #modal .modal .cart h5{
	height:50px;
	line-height:50px;
	text-align:center;
	font-style:normal;
	font-weight:normal;
	font-size:14pt;
	border-bottom:2px solid #72cec1;
}
#full #modal .modal .cart ul{
	overflow-x:hidden;
	overflow-y:auto;
}
#full #modal .modal .cart ul li{
	display:flex;
	height:100px;
	padding:10px;
	overflow:hidden;
}
#full #modal .modal .cart ul li img{
	width:100px;
	height:100px;
	box-shadow:0 0 3px rgba(0,0,0,0.7);
	border-radius:3px;
}
#full #modal .modal .cart ul li .content{
	flex:1;
	padding-left:10px;
	overflow:hidden;
}
#full #modal .modal .cart ul li .content p{
	height:70px;
	line-height:25px;
	font-size:12pt;
	overflow:hidden;
}
#full #modal .modal .cart ul li .content .bottom{
	height:30px;
	line-height:30px;
	display:flex;
	overflow:hidden;
}
#full #modal .modal .cart ul li .content .bottom .price{
	flex:1;
	color:#fa5d43;
	font-size:8pt;
}
#full #modal .modal .cart ul li .content .bottom .price em{
	font-style:normal;
	font-size:12pt;
}
#full #modal .modal .cart ul li .content .bottom .delete{
	width:50px;
	text-align:right;
	color:#ccc;
	font-size:10pt;
}
#full #modal .modal .cart .settlement{
	height:30px;
	padding:10px;
	background-color:#fff;
	display:flex;
	overflow:hidden;
}
#full #modal .modal .cart .settlement .total{
	line-height:30px;
	width:70px;
	display:block;
}
#full #modal .modal .cart .settlement .total em{
	margin:0 2px;
	font-style:normal;
}
#full #modal .modal .cart .settlement .price{
	line-height:30px;
	flex:1;
	text-align:center;
	font-size:10pt;
	overflow:hidden;
}
#full #modal .modal .cart .settlement .price em{
	font-size:12pt;
	font-style:normal;
}
#full #modal .modal .cart .settlement .go{
	background-color:#fa5d43;
	color:#fff;
	border-radius:10px;
	line-height:30px;
	text-align:center;
	width:70px;
	display:block;
}
#full #modal .modal .case{
	overflow-x:auto;
	overflow-y:hidden;
}
#full #modal .modal .case ul{
	height:380px;
	overflow:hidden;
}
#full #modal .modal .case ul li{
	background-color:#fff;
	border-radius:5px;
	padding:10px 10px 20px;
	float:left;
	margin-left:20px;
	overflow:hidden;
}
#full #modal .modal .case ul li:first-child{
	margin-left:30px;
}
#full #modal .modal .case ul li img{
	width:280px;
	height:280px;
	border-radius:5px;
	box-shadow:0 0 3px rgba(0,0,0,0.7);
}
#full #modal .modal .case ul li p{
	max-width:280px;
	height:40px;
	line-height:40px;
	font-size:12pt;
	text-align:center;
	overflow:hidden;
}
#full #modal .modal .shareqrcode{
	width:250px;
	height:250px;
	margin:0 auto;
}
#full #modal .modal .shareqrcode img{
	width:250px;
	height:250px;
}
#full #modal .modal .closeFixedBtn{
	position: fixed;
	bottom: 25%;
	right: -54px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	width:105px;
	height:52px;
	background:url('/static/image/new_closebtn2.png') left top no-repeat;
	background-size: contain;
}
#full #modal .modal .closeFixedBtn.act{
	right:0;
}


#full #modal .modal .shareqrocde {
	/* height: 110.13vw; */
	background-color: #fff;
    /* width: 76.53vw; */
    border-radius: 5px;
    padding: 18px 9px 16px 8px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}
#full #modal .modal .shareqrocde .title {
	display:block;
	padding:10px 0;
	line-height:26px;
	font-weight:normal;
	font-size:18px;
	text-align:center;
}
#full #modal .modal .shareqrocde img{
	display:block;
	/* width:80%; */
	width:200px;
	height:200px;
	margin: 15px auto 0;
}
#full #modal .modal .shareqrocde .des{
	color:#808080;
	font-size:14px;
	display:block;
	text-align:center;
	padding-top:10px;
}
#full #modal .modal .sharecase{
	overflow-x:auto;
	overflow-y:hidden;
}
#full #modal .modal .sharecase ul{
	height:413px;
	padding-left:14px;
	overflow:hidden;
	margin: 0 auto;
}
#full #modal .modal .sharecase ul li{
	background-color:#fff;
	width:287px;
	border-radius:5px;
	padding:8px 9px 16px 8px;
	float:left;
	height:100%;
	box-sizing: border-box;
	position:relative;
}
#full #modal .modal .sharecase ul li + li{margin-left:8px;}
#full #modal .modal .sharecase ul li img{
	width:274px;
	height:274px;
	border-radius:10px;
}
#full #modal .modal .sharecase ul li p{
	text-overflow:ellipsis;
	word-break:break-all;
	display:-webkit-box; 
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	line-height:24px;
	font-size:18px;
	text-align:center;
	overflow:hidden;
	color:#000;
	padding: 8px 0;
}
#full #modal .modal .sharecase ul li .bottom{
	display:flex;
	overflow:hidden;
}
#full #modal .modal .sharecase ul li .bottom .link{
	border:1px solid #E6E6E6;
	color:#333;
	width:133px;
	height:36px;
	line-height:36px;
	border-radius:20px;
	font-size:14px;
	margin-left:1.86vw;
	text-align:center;
}
#full #modal .modal .sharecase ul li .bottom .share{
	border:1px solid #FFDB49;
	background: #FFDB49;
	color:#000;
	width:133px;
	height:36px;
	line-height:36px;
	border-radius:20px;
	margin-left:8px;
	font-size:14px;
	text-align:center;
}
#full #modal .modal .historybox{
	width:92.83vw;
	height:121.6vw;
	border-radius:10px;
	background:#fff;
	margin:0 auto;
	padding-bottom:6.66vw;
	display:flex;
	flex-direction: column;
}
#full #modal .modal .historybox h4{
	height:13.06vw;
	display:block;
	text-align:center;
	line-height:13.06vw;
	font-weight:normal;
	background:#f2f2f2;
	border-radius:10px  10px   0px  0px;
	color:#000;
	font-size:20px;
}
#full #modal .modal .historybox ul {
	padding: 4.26vw 4.53vw 4.26vw 3.46vw;
	overflow-x:hidden;
	overflow-y:auto;
	flex:1;
}
#full #modal .modal .historybox ul li {
	display:flex;
}
#full #modal .modal .historybox ul li + li {
	margin-top:4.26vw;
}
#full #modal .modal .historybox ul li img{
	width:29.6vw;
	height:29.6vw;
	object-fit:cover;
	display:block;
	border-radius:8px;
}
#full #modal .modal .historybox ul li .r {
	display:flex;
	flex-direction: column;
	margin-left:1.866vw;
}
#full #modal .modal .historybox ul li .r span{
	font-size:18px;
	color:#000;
	line-height:27px;
}
#full #modal .modal .historybox ul li .r p {
	color:#CCCCCC;
	font-size:16px;
	margin-top:auto;
}
#full #modal .modal .historybox .des {
	color:#CCCCCC;
	font-size:16px;
	display:block;
	text-align:center;
}
#full #modal .modal .historybox .mlov{
	background:#FFDB49;
	color:#000;
	width:61.33vw;
	height:10.66vw;
	line-height:10.66vw;
	text-align:center;
	display:inline-block;
	margin: 4.226vw auto 0;
	border-radius:5.333vw;
	font-size:16px;
}
#full #modal .modal .sharelink{
	width: 76.53vw;
	background-color:#fff;
	border-radius:5px;
	margin:0 auto;
	overflow:hidden;
}
#full #modal .modal .sharelink ul{
	height: 110.13vw;
	overflow-y:auto;
	padding: 8px 9px 16px 8px;
	box-sizing: border-box;
	overflow-x:hidden;
}
#full #modal .modal .sharelink ul li{
	overflow:hidden;
}
#full #modal .modal .sharelink ul li + li {
	padding-top:10px;
	border-top:1px solid #f2f2f2;
}
#full #modal .modal .sharelink ul li p{
	font-size:14px;
}
#full #modal .modal .sharelink ul li p.title {
	font-size:16px;
	padding:8px 0;
}
#full #modal .modal .sharelink ul li p em{
	border: 1px solid #FFDB49;
    background: #FFDB49;
    color: #000;
    width: 18vw;
    height: 6vw;
    line-height: 6vw;
	font-style:normal;
    font-size: 14px;
    border-radius: 5.33vw;
    text-align: center;
	float:right;
}
#full #modal .modal .sharelink ul li p span{
	float:right;
}
@media only screen and (min-width: 900px) {
	#full #modal .modal .sharelink ul{height:45.5vw;}
	#full #modal .modal .sharelink ul li p em{width:85px;height: 24px;line-height: 24px;}
}
@media screen and (min-width: 640px){
	#full #zorder .more ul{
		width:80%;
	}
	#full #zorder .more ul li{
		flex:1;
		margin:0.5vw;
	}
}
@media screen and (max-width: 360px){
	#full #zorder .more ul li{margin:1.5vw 0 1.5vw 3.6vw;font-size:14px;}
}