a,img {
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-user-select:none
}
a,button,input,textarea {
	-webkit-tap-highlight-color:rgba(0,0,0,0;
	)
}

swiper-wrapper a
{
    width:20%;
    }


.tstion {
	transition:all .5s ease-in-out
}
.allcenter {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
@media screen and (max-width:500px) {
	*{font-size:12px
}
.uName
{
    font-size:14px;
    }
.des img
{
   width:90%;
    }
    
 .des
 {
          line-height: 25px;
     }   
    
.swiper-wrapper
{
   left:-126px;
    }

}.searchbarT.weui-search-bar {
	background-color:#fff
}
.searchbarT.weui-search-bar:after,.searchbarT.weui-search-bar:before {
	display:none
}
.searchbarT .weui-search-bar__form {
	background-color:#fff
}
.searchbarT .weui-search-bar__box .weui-search-bar__input {
	background:#f0f0f0
}
.searchbarT .weui-search-bar__label {
	background:#f0f0f0;
	border-radius:100px
}
.searchbarT .weui-search-bar__form:after {
	background:#f0f0f0;
	border-radius:100px
}
.searchbarT .weui-search-bar__cancel-btn {
	color:#8e8e93
}
.searchbarT .weui-search-bar__label span {
	color:#9a9a9a
}
video {
	pointer-events:auto!important
}
#vVideo {
	position:fixed;
	top:10000px;
	left:-10000px;
	width:0;
	height:0;
	z-index:0;
	opacity:0
}
#vVideo.on {
	width:100%;
	height:auto;
	top:50%;
	left:0;
	z-index:99999;
	display:inline-block;
	opacity:1;
	transform:translateY(-50%);
	min-height:100%
}
#vVideo.on.bg {
	background-color:#000
}
.allclose,.closeIframe {
	position:fixed;
	width:80px;
	height:80px;
	top:-40px;
	right:-40px;
	z-index:10001;
	border-radius:50px;
	background:rgba(0,0,0,.8) url(../images/close.png) no-repeat scroll 25% 75%;
	background-size:14px
}
.allclose {
	background:rgba(0,0,0,.7) url(../images/close.png) no-repeat scroll 25% 75%;
	background-size:14px;
	z-index:1000
}
@-webkit-keyframes on {
	from {
	margin-left:100%
}
to {
	margin-left:0
}
}@keyframes on {
	from {
	margin-left:100%
}
to {
	margin-left:0
}
}@-webkit-keyframes off {
	from {
	margin-left:0
}
to {
	margin-left:100%
}
}@keyframes off {
	from {
	margin-left:0
}
to {
	margin-left:100%
}
}#navmenuiframediv.off,.golinkTelbg.off,.gosubmit.off,.gosubmit_jubou.off,.sidelayer.off {
	-webkit-animation:off .2s 0s forwards;
	animation:off .2s 0s forwards
}
.scrollbar::-webkit-scrollbar {
	width:4px;
	height:4px
}
.scrollbar::-webkit-scrollbar-thumb {
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 5px transparent;
	-moz-box-shadow:inset 0 0 5px transparent;
	background:rgba(0,0,0,.4)
}
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 5px transparent;
	-moz-box-shadow:inset 0 0 5px transparent;
	border-radius:0;
	background:#fff
}
#thinkPano {
	z-index:0
}
.sidelayerB {
	position:fixed;
	bottom:20px;
	z-index:300;
	width:90%;
	max-width:400px;
	background-color:#fff;
	left:50%;
	transform:translateX(-50%);
	padding:0 2.4%
}
.sidelayerB .scontent {
	height:50px;
	background-color:#f1f1f1;
	text-align:left;
	text-indent:12px;
	border-radius:3px
}
.in_startpano {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	z-index:111111111111111;
	width:100%
}
.in_startpano_bg {
	height:100%
}
.in_startpano img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-55%);
	width:auto;
	max-width:40%;
	pointer-events:none
}
.in_startpano.m img {
	max-width:100%
}
.bigpixeltips {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:rgba(0,0,0,.5);
	border-radius:5px;
	width:50%;
	max-width:400px
}
.bigpixeltips img {
	pointer-events:none
}
.panogroupBody {
	position:fixed;
	bottom:-150px;
	left:0;
	width:calc(100% - 200px);
	margin:0 100px;
	transition:height .2s linear 0s,bottom .2s linear 0s
}
.panogroupBody.on {
	bottom:0
}
.panogroupBody.freehand {
	bottom:-150px
}
.panogroupBody .swiper-wrapper.c {
	-webkit-justify-content:center;
	justify-content:center;
	align-items:center
}
.panogroupBody .panolist {
	margin-bottom:20px;
	background-color:rgba(0,0,0,.2);
	border-radius:3px;
	overflow:hidden;
	height:90px
}
.panogroupBody .panolist .swiper-container {
	padding:0;
	height:0;
	transition:height .1s linear 50ms
}
.panogroupBody .panolist.on .swiper-container {
	padding:10px;
	height:100%
}
.panogroupBody .panolist .panowrap {
	max-width:70px;
	width:70px;
	height:70px;
	margin-left:5px;
	cursor:pointer
}
.panogroupBody .panolist .panowrap:first-child {
	margin-left:0
}
.panogroupBody .panolist .panowrap .panoimg {
	max-width:70px;
	width:70px;
	height:70px;
	position:relative;
	background-size:100%
}
.panogroupBody .panolist .panowrap .panoimg img {
	width:100%;
	height:100%;
	border:2px solid transparent;
	border-radius:5px
}
.panogroupBody .panolist .panowrap.on .panoimg img {
	border-color:#ee7702
}
.panogroupBody .panolist .panowrap .panoimg .panoname {
	position:absolute;
	bottom:2px;
	background-color:rgba(0,0,0,.5);
	text-align:center;
	height:24px;
	line-height:24px;
	color:#fff;
	width:calc(100% - 4px);
	left:2px;
	border-radius:0 0 4px 4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:9px
}
.panogroupBody .panolist .panowrap .panoimg .bigthtip {
	position:absolute;
	right:2px;
	top:2px;
	background-color:#ee7702;
	color:#fff;
	font-size:8px;
	height:18px;
	line-height:17px;
	padding:0 3px
}
.panogroupBody .panogrouplist {
	margin-bottom:10px
}
.panogroupBody .panogrouplist span {
	width:22%;
	max-width:100px;
	height:26px;
	line-height:26px;
	border-radius:40px;
	color:#fff;
	margin-left:20px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background-color:rgba(0,0,0,.5);
	text-align:center;
	padding:0 5px;
	cursor:pointer
}
.panogroupBody .panogrouplist span:first-child {
	margin-left:0
}
.panogroupBody .panogrouplist span.on {
	color:#000;
	background-color:#fff
}
@media screen and (max-width:500px) {
	.panogroupBody {
	width:calc(100% - 20px);
	margin:0 10px
}
.panogroupBody .panogrouplist span {
	width:17%;
	height:22px;
	line-height:22px;
	margin-left:10px;
	font-size:9px
}
.panogroupBody .panolist {
	margin-bottom:16px;
	height:68px
}
.panogroupBody .panolist.on .swiper-container {
	padding:6px
}
.panogroupBody .panolist .panowrap {
	max-width:56px;
	width:56px;
	height:56px
}
.panogroupBody .panolist .panowrap .panoimg {
	max-width:56px;
	width:56px;
	height:56px
}
.panogroupBody .panolist .panowrap .panoimg .panoname {
	height:18px;
	line-height:18px;
	border-radius:0 0 3px 3px
}
.panogroupBody .panolist .panowrap .panoimg .bigthtip {
	height:14px;
	line-height:14px;
	padding:0 2px
}
}.homenav {
	position:fixed;
	top:-40px;
	right:78px
}
.homenav.on {
	top:20px
}
.homenav span {
	padding:10px 20px;
	display:inline-block;
	position:relative
}
.homenav span:before {
	content:'';
	position:absolute;
	height:14px;
	width:1px;
	background-color:silver;
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.homenav span:first-child:before {
	display:none
}
.cintyfwliBody {
	position:fixed;
	top:-40px;
	left:20px
}
.cintyfwliBody.on {
	top:20px
}
.cityIcon {
	border-radius:50%;
	width:38px;
	height:38px;
	background-color:#fff;
	position:relative;
	cursor:pointer
}
.cityIcon:before {
	content:'';
	background:url(../images/global.png) no-repeat -.6px -60.6px;
	background-size:240px;
	width:17px;
	height:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.cintyfwliBody .fwligna {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:50px;
	color:#fff
}
.cintyfwliBody .fwligna div {
	width:max-content;
	color:#fff
}
.cintyfwliBody .fwligna.amap {
	background-color:rgba(0,0,0,.2);
	padding:5px 10px;
	border-radius:40px
}
.addmessage .body .submit:active,.addmessage .bottom>span:active,.cityIcon:active,.compound:active,.navrightbottom>div:active,.navrighttop .modesd>div:active,.navrighttop .panomap:active,.navrighttop .usericon ul li:active {
	opacity:.5
}
.navrighttop .usericon ul li.on:active {
	opacity:1
}
.navrighttop {
	position:fixed;
	top:20px;
	right:-40px
}
.navrighttop.on {
	right:20px
}
.navrighttop>div {
	margin:0 auto
}
.navrighttop.hide {
	right:-80px
}
.navrighttop .panomap {
	border-radius:50%;
	width:38px;
	height:38px;
	background-color:#fff;
	position:relative;
	cursor:pointer
}
.navrighttop.homep .panomap img.tpano {
	display:none
}
.navrighttop.freehand .panomap img.tmap {
	display:none
}
.navrighttop .usericon {
	width:38px;
	height:38px;
	padding:5px;
	background-color:rgba(0,0,0,.3);
	border-radius:50%;
	margin-top:14px;
	position:relative;
	left:0;
	transition:left .1s linear 0s
}
.navrighttop.freehand .usericon {
	left:60px
}
.navrighttop .usericon.open {
	border-radius:0 50% 50% 0;
	width:33px;
	padding-left:0;
	margin-left:5px;
	cursor:pointer
}
.navrighttop .usericon img.useri {
	border-radius:100%
}
.navrighttop .usericon ul {
	position:absolute;
	width:0;
	right:33px;
	background-color:rgba(0,0,0,.3);
	height:38px;
	top:0;
	text-align:center;
	border-radius:5px 0 0 5px;
	transition:width .2s linear 50ms;
	overflow:hidden
}
.navrighttop .usericon ul.ovinher {
	overflow:inherit
}
.navrighttop .usericon.open ul {
	width:244px
}
.navrighttop .usericon ul li {
	display:inline-block;
	padding:4px 0
}
.navrighttop .usericon ul li:before {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:240px;
	display:inline-block;
	width:22px;
	height:15px
}
.navrighttop .usericon ul li>span.title {
	display:inline-block;
	color:#fff;
	font-size:10px;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transform:scale(.9);
	padding-bottom:1px
}
.navrighttop .usericon ul li.on>span.title {
	color:#ee7702
}
.navrighttop .usericon ul li {
	position:relative
}
.navrighttop .usericon ul li.scenery:before {
	width:19px;
	height:16px;
	background-size:220px;
	background-position:-.55px -110.55px
}
.navrighttop .usericon ul li.scenery.on:before {
	background-position:-28.05px -110.55px
}
.navrighttop .usericon ul li.qcity:before {
	width:16px;
	height:16px;
	background-size:192px;
	background-position:-72.48px -72.48px
}
.navrighttop .usericon ul li.qcity.on:before {
	background-position:-48.48px -72.48px
}
.navrighttop .usericon ul li.wx:before {
	width:19px;
	height:16px;
	background-size:200px;
	background-position:-50.5px -100.5px
}
.navrighttop .usericon ul li.wx.on:before {
	background-position:-75.5px -100.5px
}
.navrighttop .usericon ul li.tel:before {
	width:14px;
	height:16px;
	background-size:192px;
	background-position:-96.48px -96.48px
}
.navrighttop .usericon ul li.tel.on:before {
	background-position:-120.48px -96.48px
}
.navrighttop .usericon ul li.scenery .slist {
	position:absolute;
	background-color:rgba(0,0,0,.5);
	top:60px;
	left:50%;
	transform:translateX(-50%);
	border-radius:5px;
	padding:0 10px;
	width:200px;
	text-align:left;
	transition:height .2s linear 50ms;
	max-height:0;
	overflow:hidden
}
.navrighttop .usericon ul li.scenery .slist.on {
	max-height:240px
}
.navrighttop .usericon ul li.scenery .slist.ovinher {
	overflow:auto
}
@keyframes useriAnimation {
	0% {
	overflow:inherit
}
100% {
	overflow:inherit
}
}.navrighttop .usericon ul li.scenery .slist:before {
	content:' ';
	width:0;
	height:0;
	border-width:6px 6px 15px 6px;
	border-style:solid;
	border-color:transparent transparent rgba(0,0,0,.5) transparent;
	position:absolute;
	left:calc(50% - 6px);
	top:-21px
}
.navrighttop .usericon ul li.scenery .slist .title {
	color:#ccc;
	width:max-content;
	display:inline-block;
	margin-bottom:5px;
	margin-top:10px
}
.navrighttop .usericon ul li.scenery .slist .title>* {
	color:#ccc
}
.navrighttop .usericon ul li.scenery .slist .list {
	margin-bottom:10px
}
.navrighttop .usericon ul li.scenery .slist .list span {
	width:max-content;
	display:block;
	font-size:16px;
	color:#fff;
	line-height:40px
}
.navrighttop .usericon ul li.wx .wximg {
	position:absolute;
	background-color:rgba(0,0,0,.5);
	top:60px;
	right:10px;
	border-radius:5px;
	padding:0 10px;
	text-align:left;
	transition:height .2s linear 50ms;
	width:200px;
	height:0;
	overflow:hidden
}
.navrighttop .usericon ul li.wx .wximg:before {
	content:' ';
	width:0;
	height:0;
	border-width:6px 6px 15px 6px;
	border-style:solid;
	border-color:transparent transparent rgba(0,0,0,.5) transparent;
	position:absolute;
	right:20px;
	top:-21px
}
.navrighttop .usericon ul li.wx .wximg img {
	width:180px;
	height:180px;
	margin-top:10px
}
.navrighttop .usericon ul li.wx .wximg .tips {
	display:block;
	color:#fff;
	text-align:center;
	margin-top:10px;
	margin-bottom:14px
}
.navrighttop .usericon ul li.wx.on .wximg {
	height:228px
}
.navrighttop .usericon ul li.wx .wximg.ovinher {
	overflow:inherit
}
.navrighttop .modesd {
	background-color:rgba(0,0,0,.3);
	width:38px;
	margin-top:14px;
	border-radius:100px;
	padding:20px 0;
	position:relative;
	left:0;
	transition:left .1s linear 0s
}
.navrighttop.freehand .modesd {
	left:60px
}
.navrighttop .modesd>div {
	position:relative;
	height:50%;
	text-align:center;
	cursor:pointer
}
.navrighttop .modesd>div span.title {
	display:inline-block;
	color:#fff;
	font-size:12px;
	width:100%;
	transform:scale(.9)
}
.navrighttop .modesd .vr:before {
	content:'';
	background:url(../images/global.png) no-repeat -90.6px -60.6px;
	background-size:240px;
	width:20px;
	height:15.5px;
	display:inline-block;
	margin-bottom:5px
}
.navrighttop .modesd .rotate {
	margin-top:24px
}
.navrighttop .modesd .rotate:before {
	content:'';
	background:url(../images/global.png) no-repeat -132.66px -99.66px;
	background-size:264px;
	width:20px;
	height:20px;
	display:inline-block;
	margin-bottom:5px
}
.navrighttop .modesd .rotate.on:before {
	background-position:-132.66px -66.66px
}
.navrighttop .modesd .rotate:after {
	content:'';
	position:absolute;
	width:80%;
	background-color:rgba(0,0,0,.1);
	height:2px;
	top:-12px;
	left:10%
}
@media screen and (max-width:500px) {
	.cintyfwliBody {
	left:10px
}
.cintyfwliBody.on {
	top:10px
}

 .navtitle
        {
            width: 100%;
        }
        .swiper-container
        {
            
        }


.cintyfwliBody.hide {
	top:-40px
}
.cityIcon {
	width:32px;
	height:32px
}
.cityIcon:before {
	background-position:-.5px -50.5px;
	background-size:200px;
	width:13px;
	height:15px
}
.cintyfwliBody .fwligna {
	left:37px
}
.cintyfwliBody .fwligna,.cintyfwliBody .fwligna div {
	font-size:10px
}
.homenav {
	display:none
}
.navrighttop {
	top:10px
}
.navrighttop.on {
	right:10px
}
.navrighttop .panomap {
	width:32px;
	height:32px
}
.navrighttop .panomap:before {
	background-position:-25.5px -50.5px;
	background-size:200px;
	width:17px;
	height:20px
}
.navrighttop.freehand .panomap:before {
	background-position:-50.5px -50.5px;
	background-size:200px;
	width:17px;
	height:22px
}
.navrighttop .usericon {
	width:32px;
	height:32px;
	padding:4px;
	margin-top:10px
}
.navrighttop .usericon.open {
	width:28px;
	margin-left:4px
}
.navrighttop .usericon ul {
	height:32px;
	right:28px
}
.navrighttop .usericon.open ul {
	width:225px
}
.navrighttop .usericon ul li {
	position:relative;
	width:55px;
	padding:3px 0
}
.navrighttop .usericon ul li>span.title {
	position:absolute;
	top:19px;
	left:50%;
	transform:translateX(-50%)
}
.navrighttop .usericon ul li:before {
	height:12px
}
.navrighttop .usericon ul li.scenery:before {
	background-size:160px;
	width:14px;
	height:12px;
	background-position:-.4px -80.4px
}
.navrighttop .usericon ul li.scenery.on:before {
	background-position:-20.45px -80.4px
}
.navrighttop .usericon ul li.qcity:before {
	background-size:144px;
	width:13px;
	height:12px;
	background-position:-54.36px -54.36px
}
.navrighttop .usericon ul li.qcity.on:before {
	background-position:-36.36px -54.36px
}
.navrighttop .usericon ul li.wx:before {
	background-size:152px;
	width:15px;
	height:12px;
	background-position:-38.38px -76.38px
}
.navrighttop .usericon ul li.wx.on:before {
	background-position:-57.38px -76.38px
}
.navrighttop .usericon ul li.tel:before {
	background-size:144px;
	width:11px;
	height:12px;
	background-position:-72.36px -72.36px
}
.navrighttop .usericon ul li.tel.on:before {
	background-position:-90.36px -72.36px
}
.navrighttop .usericon ul li.scenery .slist.on {
	height:190px
}
.navrighttop .usericon ul li.scenery .slist .title {
	font-size:12px
}
.navrighttop .usericon ul li.scenery .slist .list span {
	font-size:14px;
	line-height:32px
}
.navrighttop .usericon ul li.wx .wximg {
	width:170px
}
.navrighttop .usericon ul li.wx.on .wximg {
	height:198px
}
.navrighttop .usericon ul li.wx .wximg img {
	width:150px;
	height:150px
}
.navrighttop .modesd {
	width:32px;
	height:auto;
	padding:16px 0
}
.navrighttop .modesd>div span.title {
	font-size:10px;
	transform:scale(1)
}
.navrighttop .modesd .vr:before {
	background-position:-75.5px -50.5px;
	background-size:200px;
	width:17px;
	height:13px;
	margin-bottom:.5px
}
.navrighttop .modesd .rotate {
	margin-top:18px
}
.navrighttop .modesd .rotate:before {
	background-position:-112.84px -84.7714px;
	background-size:224.56px;
	width:17px;
	height:17px;
	margin-bottom:.5px
}
.navrighttop .modesd .rotate.on:before {
	background-position:-112.84px -56.7px
}
.navrighttop .modesd .rotate:after {
	top:-9px
}

.navrightbottom {
 
	top:40px;
	right:-50px;
	 
	width:54px;
	text-align:center;
	padding-top:5px
}

}
.navrightbottom {
	position:fixed;
	top:20px;
	right:-50px;
	background-color:rgba(0,0,0,.3);
	border-radius:22px 22ppx 5px 5px;
	width:44px;
	text-align:center;
	padding-top:3px  ;
	z-index: 999;
}
.navrightbottom.on {
	right:37px
}
.navrightbottom>div {
	margin-bottom:12px;
	cursor:pointer
}
.navrightbottom>div:last-child {
	margin-bottom:6px
}
.navrightbottom>div:before {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:240px;
	display:inline-block
}
.navrightbottom span.title {
	display:inline-block;
	color:#fff;
	font-size:10px;
	width:100%;
	margin-top:5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transform:scale(.9);
	padding:0 1px 3px 1px
}
.navrightbottom .music {
	position:relative
}
.navrightbottom .music:before {
	background-position:-58.176px -.576px;
	background-size:230.4px;
	width:38px;
	height:37px
}
.navrightbottom .music:after {
	content:'';
	background-size:240px;
	background-position:-150.6px -90.6px;
	position:absolute;
	top:12.5px;
	left:50%;
	transform:translateX(-50%);
	background-color:#ee7702;
	width:10px;
	height:10px;
	border-radius:50%
}
.navrightbottom .music.on:before {
	animation:musicAnimation 20s linear 0s infinite normal
}
.navrightbottom .music.on:after {
	background:url(../images/global.png) no-repeat;
	width:13px;
	height:13px;
	border-radius:0;
	background-size:240px;
	background-position:-150.6px -90.6px
}
@keyframes musicAnimation {
	0% {
	transform:rotate(0)
}
100% {
	transform:rotate(360deg)
}
}.navrightbottom .cou {
	color:unset
}
.navrightbottom .share:before {
	background-position:-210.6px -60.6px;
	width:22px;
	height:22px
}
.navrightbottom .roadmap:before {
	background-position:-210.6px -90.6px;
	width:24px;
	height:21px
}
.navrightbottom .message:before {
	background-position:-180.6px -90.6px;
	width:21px;
	height:20px
}
.navrightbottom.homep .goo,.navrightbottom.homep .xgoo,.navrightbottom.homep .ymessage {
	display:none
}
.navrightbottom.freehand {
	background-color:#fff;
	border-radius: 5px 5px 5px 5px;
}
.navrightbottom.freehand span.title {
	color:#4c4c4c
}
.navrightbottom.freehand span.title:nth-child(2) {
	margin-top:0;
	padding-top:3px
}
.navrightbottom.freehand .music span.title {
	color:#999
}
.navrightbottom.freehand .message,.navrightbottom.freehand .roadmap,.navrightbottom.freehand .share {
	display:none
}
.navrightbottom.freehand .goo:before {
	background-position:-150.6px -240.6px;
	width:18px;
	height:22px
}
.navrightbottom.freehand .goo.on:before {
	background-position:-150.6px -210.6px
}
.navrightbottom.freehand .goo.on span.title {
	color:#f65656
}
.navrightbottom.freehand .xgoo:before {
	background-position:-180.6px -240.6px;
	width:20px;
	height:20px
}
.navrightbottom.freehand .xgoo.on:before {
	background-position:-180.6px -210.6px
}
.navrightbottom.freehand .xgoo.on span.title {
	color:#f65656
}
.navrightbottom.freehand .ymessage:before {
	background-position:-210.6px -240.6px;
	width:21px;
	height:20px
}
.navrightbottom.freehand .ymessage.on:before {
	background-position:-210.6px -210.6px
}
.navrightbottom.freehand .ymessage.on span.title {
	color:#ee7702
}
.navleftbottom {
	position:fixed;
	bottom:20px;
	left:-40px;
	text-align:center;
	z-index:91
}
.navleftbottom.on {
	left:20px
}
.navleftbottom .thisuser {
	 
	 
	height:38px;
	width:38px;
	position:relative;
	margin-bottom:20px;
	cursor:pointer;
	display:block
}
.navleftbottom .thisuser:before {
	content:'';
	background:url(../images/global.png) no-repeat -210.6px -360.6px;
	background-size:240px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:23px;
	height:21px
}
.navleftbottom .heb {
 
	 
}
.navleftbottom .thismap,.navleftbottom .top {
	width:38px;
	height:38px;
	position:relative;
	cursor:pointer;
	    background-color: #fff;
	     border-radius: 18px;
}
.navleftbottom .top {
 margin-top: 15px;
}
.navleftbottom .thismap:active:before,.navleftbottom .top:active:before {
	opacity:.5
}
.navleftbottom>div:last-child {
	margin-bottom:0
}
.navleftbottom .thismap:before,.navleftbottom .top:before {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:240px;
	position:absolute;
	top:58%;
	left:54%;
	transform:translate(-58%,-58%)
}
.navleftbottom .top:before {
	background-position:-180.6px -60.6px;
	width:21px;
	height:21px
}
.navleftbottom .top .questionlist {
	position:absolute;
	background-color:rgba(0,0,0,.5);
	width:110px;
	left:calc(100% + 6px);
	padding:10px 0;
	border-radius:5px;
	bottom:0;
	max-width:0;
	overflow:hidden
}
.navleftbottom .top .questionlist.on {
	max-width:200px
}
.navleftbottom .top:active .questionlist {
	opacity:1
}
.navleftbottom .top .questionlist span {
	width:98px;
	border-radius:5px;
	justify-content:space-between;
	margin:0 auto;
	line-height:30px;
	padding:0 7px;
	color:#fff
}
.navleftbottom .top .questionlist span.on {
	background-color:#ee7702;
	color:#fff
}
.navleftbottom .top .questionlist span:before {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:240px;
	display:inline-block
}
.navleftbottom .top .questionlist span.map:before {
	width:18px;
	height:20px;
	background-position:-150.6px -150.6px
}
.navleftbottom .top .questionlist span.map.on:before {
	background-position:-120.6px -150.6px
}
.navleftbottom .top .questionlist span.yuying:before {
	width:17px;
	height:21px;
	background-position:-210.6px -150.6px
}
.navleftbottom .top .questionlist span.yuying.on:before {
	background-position:-180.6px -150.6px
}
.navleftbottom .top .questionlist span.pano:before {
	width:18px;
	height:21px;
	background-position:-30.6px -180.6px
}
.navleftbottom .top .questionlist span.pano.on:before {
	background-position:-.6px -180.6px
}
.navleftbottom .top .questionlist span.other:before {
	width:18px;
	height:20px;
	background-position:-90.6px -180.6px
}
.navleftbottom .top .questionlist span.other.on:before {
	background-position:-60.6px -180.6px
}
.navleftbottom .thismap:before {
	background-position:-150.6px -60.6px;
	width:23px;
	height:23px
}
.navleftbottom .thismap:after {
	content:'';
	position:absolute;
	width:80%;
	 
	height:1px;
	top:-3px;
	left:10%
}
.navleftbottom.freehand .thisuser {
	       background-color: #fff;
    border-radius: 18px;
}
.navleftbottom.freehand .thisuser:before {
	background-position:-210.6px -390.6px
}
.navleftbottom.freehand .heb {
	 
}
.navleftbottom.freehand .top:before {
	background-position:-30.6px -240.6px
}
.navleftbottom.freehand .top .questionlist {
	background-color:#fff
}
.navleftbottom.freehand .top .questionlist span {
	color:#333
}
.navleftbottom.freehand .top .questionlist span.on {
	color:#fff
}
.navleftbottom.freehand .thismap:before {
	background-position:-.6px -240.6px
}
.navleftbottom.freehand .thismap:after {
	 
}
.compound {
	position:fixed;
	bottom:50%;
	left:-50px;
	background:url(../images/global.png) no-repeat -.562px -.562px;
	background-size:225px;
	width:48px;
	height:48px;
	cursor:pointer
}
.compound.on {
	left:20px
}
.compound.freehand {
	left:-50px
}
@media screen and (max-width:500px) {
	.navrightbottom {
	position:fixed;
	 
	 
	padding:3px;
	width:38px
}
.navrightbottom.on {
	right:10px
}
.navrightbottom>div {
	margin-bottom:8px
}
.navrightbottom>div:last-child {
	margin-bottom:5px
}
.navrightbottom>div:before {
	background-size:200px
}
.navrightbottom span.title {
	margin-bottom:3px;
	transform:scale(1);
	padding-bottom:0
}
.navrightbottom .music:before {
	background-position:-50.5px -.5px;
	width:32px;
	height:32px;
	background-size:200px
}
.navrightbottom .music:after {
	background-size:200px;
	background-position:-125.5px -75.5px;
	width:11px;
	height:11px;
	top:9.5px
}
.navrightbottom .share:before {
	background-position:-175.5px -50.5px;
	width:18px;
	height:18px
}
.navrightbottom .roadmap:before {
	background-position:-175.5px -75.5px;
	width:20px;
	height:18px
}
.navrightbottom .message:before {
	background-position:-150.5px -75.5px;
	width:18px;
	height:17px
}
.navrightbottom.freehand {
	top:40px
}
.navrightbottom.freehand span.title {
	margin-bottom:0;
	padding-bottom:3px;
	display:list-item
}
.navrightbottom.freehand span.title:nth-child(2) {
	margin-top:0
}
.navrightbottom.freehand .music span.title {
	margin-top:0;
	padding-top:5px
}
.navrightbottom.freehand .goo:before {
	background-position:-125.5px -200.5px;
	width:15px;
	height:18px
}
.navrightbottom.freehand .goo.on:before {
	background-position:-125.5px -175.5px
}
.navrightbottom.freehand .goo.on span.title {
	color:#f65656
}
.navrightbottom.freehand .xgoo:before {
	background-position:-150.5px -200.5px;
	width:17px;
	height:17px
}
.navrightbottom.freehand .xgoo.on:before {
	background-position:-150.5px -175.5px
}
.navrightbottom.freehand .xgoo.on span.title {
	color:#f65656
}
.navrightbottom.freehand .ymessage:before {
	background-position:-175.5px -200.5px;
	width:18px;
	height:17px
}
.navrightbottom.freehand .ymessage.on:before {
	background-position:-175.5px -175.5px
}
.navrightbottom.freehand .ymessage.on span.title {
	color:#ee7702
}
.navleftbottom {
	position:fixed;
	bottom:140px
}
.navleftbottom.on {
	left:10px
}
.navleftbottom .thisuser {
	 
	width:31px;
	height:31px;
	margin-bottom:10px
}
.navleftbottom .thisuser:before {
	background-size:200px;
	width:19px;
	height:19px;
	background-position:-175.5px -300.5px
}
.navleftbottom .heb {
 
}
.navleftbottom .thismap,.navleftbottom .top {
	 
	border-radius:15px;
	width:31px;
	height:31px;
	margin-bottom:0
}
.navleftbottom .top {
 margin-top: 10px;
}
.navleftbottom .thismap:before,.navleftbottom .top:before {
	background-size:200px
}
.navleftbottom .top:before {
	background-position:-150.5px -50.5px;
	width:18px;
	height:18px
}
.navleftbottom .top .questionlist {
	left:calc(100% + 6px)
}
.navleftbottom .thismap:before {
	background-position:-125.5px -50.5px;
	width:19px;
	height:19px
}
.navleftbottom .thismap:after {

	top:0
}
.compound {
	position:fixed;
	bottom:50%;
	background-size:200px;
	background-position:-.5px -.5px;
	width:42px;
	height:43px
}
.compound.on {
	left:10px
}
.compound.freehand {
	left:-50px
}
.navleftbottom.freehand {
	bottom:70px
}
.navleftbottom.freehand .thisuser:before {
	background-position:-175.5px -325.5px
}
.navleftbottom.freehand .top:before {
	background-position:-25.5px -200.5px
}
.navleftbottom.freehand .thismap:before {
	background-position:-.65px -200.5px
}
}.roadmapbody {
	border-radius:5px;
	max-height:0;
	transition:max-height .2s linear 0s;
	overflow:hidden;
	padding:0 16px
}
.roadmapbody.on {
	max-height:222px
}
.roadmapbody .title {
	color:#000;
	font-size:12px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:700
}
.roadmapbody .close {
	width:50px;
	height:40px;
	position:absolute;
	right:0;
	top:0
}
.roadmapbody .close:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -56.56px -140.56px;
	background-size:224px;
	width:11px;
	height:11px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.roadmapbody .rlist {
	padding-bottom:15px;
	max-height:180px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.roadmapbody .rlist .roadm {
	height:40px;
	line-height:40px
}
.roadmapbody .rlist .roadm:active {
	opacity:.5
}
.roadmapbody .rlist .roadm.tj {
	position:relative;
	padding-left:26px
}
.roadmapbody .rlist .roadm.tj:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -90.6px -150.6px;
	background-size:240px;
	width:20px;
	height:20px;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.addmessage {
	border-radius:5px;
	height:0;
	transition:height .2s linear 0s;
	overflow-y:hidden
}
.addmessage.on {
	height:104px
}
.addmessage .body {
	position:relative
}
.addmessage .body input {
	height:50px;
	width:90%;
	transition:height .2s linear 0s;
	background-color:inherit
}
.addmessage .body .submit {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:30px;
	height:30px
}
.addmessage .body .submit.off {
	opacity:.3
}
.addmessage .body .submit:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -.6px -150.6px;
	background-size:240px;
	width:19px;
	height:19px;
	top:50%;
	right:0;
	transform:translateY(-50%);
	transition:height .2s linear 0s
}
.addmessage .bottom {
	margin-bottom:30px;
	margin-top:10px
}
.addmessage .bottom .ycang {
	position:relative;
	padding-left:26px;
	margin-right:30px
}
.addmessage .bottom .ycang:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -162.54px -108.54px;
	background-size:216px;
	width:20px;
	height:10px;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.addmessage .bottom .ycang.open:before {
	background-position:-189.54px -108.54px;
	height:16px
}
.addmessage .bottom .changey {
	position:relative;
	padding-left:26px;
	margin-right:30px
}
.addmessage .bottom .changey:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -29.58px -145.58px;
	background-size:232px;
	width:20px;
	height:18px;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.addmessage .bottom .close {
	float:right;
	width:30px;
	height:30px
}
.navbottom {
	position:fixed;
	 
	 width: 100%;
	background-color:#fff4f4c7;
	 
	max-height:0;
	overflow:hidden;
	z-index:999
}
.navbottom.on {
	max-height:60px;
	overflow:visible
	    z-index: 999;
}
.navbottom.homep {
	max-height:0
}
.navbottom .navtitle {
	position:relative;
	background:0 0!important
}
.navbottom .navtitle .swiper-slide {
	text-align:center;
	 
	max-height:0;
	transition:all .3s linear 0s
}
.navbottom .navtitle .swiper-slide .title {
	display:inline-block;
	color:#8e8e93;
	font-size:10px;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:0;
	padding-bottom:2px
}
.navbottom .navtitle .swiper-slide.on .title {
	color:#ee7702
}
.navbottom .navtitle .swiper-slide:before {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:200px;
	display:block;
	margin-left:50%;
	transform:translateX(-50%);
	height:22px
}
.navbottom.freehand .navtitle .swiper-slide {
	padding:5px 0 3px;
	max-height:60px;
	cursor:pointer
}
.navbottom .navtitle .scenic:before {
	width:21px;
	background-position:-.5px -225.5px
}
.navbottom .navtitle .scenic.on:before {
	background-position:-.5px -250.5px
}
.navbottom .navtitle .roadmap:before {
	width:22px;
	background-position:-25.5px -225.5px
}
.navbottom .navtitle .roadmap.on:before {
	background-position:-25.5px -250.5px
}
.navbottom .navtitle .toilet:before {
	width:16px;
	background-position:-50.5px -225.5px
}
.navbottom .navtitle .toilet.on:before {
	background-position:-50.5px -250.5px
}
.navbottom .navtitle .parkinglot:before {
	width:22px;
	background-position:-100.5px -225.5px
}
.navbottom .navtitle .parkinglot.on:before {
	background-position:-100.5px -250.5px
}
.navbottom .navtitle .cate:before {
	width:22px;
	background-position:-125.5px -225.5px
}
.navbottom .navtitle .cate.on:before {
	background-position:-125.5px -250.5px
}
.navbottom .navtitle .clinic:before {
	width:21px;
	background-position:-75.5px -225.5px
}
.navbottom .navtitle .clinic.on:before {
	background-position:-75.5px -250.5px
}
.navbottom .navtitle .transport:before {
	width:18px;
	background-position:-150.5px -225.5px
}
.navbottom .navtitle .transport.on:before {
	background-position:-150.5px -250.5px
}
.navbottom .navtitle .hotel:before {
	width:20px;
	background-position:-175.5px -225.5px
}
.navbottom .navtitle .hotel.on:before {
	background-position:-175.5px -250.5px
}
.navbottom .navtitle .market:before {
	width:22px;
	background-position:-.5px -275.5px
}
.navbottom .navtitle .market.on:before {
	background-position:-25.5px -275.5px
}
.navbottom .navtitle .unfold {
	display:none
}
.navbottom .morelist.desktop {
	max-height:0;
	position:absolute;
	bottom:60px;
	border-radius:5px;
	background-color:#fff;
	transition:max-height .3s ease-in-out,left .3s ease-in-out;
	width: 100%;
}
.navbottom .morelist.desktop.on {
	max-height:1000px
}
.navbottom .morelist .htitle {
	cursor:pointer
}
.navbottom .morelist .list.on {
	background-color:rgba(0,0,0,.1);
	padding:0 6px
}
.navbottom .morelist .htitle:active,.navbottom .morelist.desktop .roadmaplist .llist .list:active {
	background-color:rgba(0,0,0,.1)
}
.navbottom .morelist .gomap:active {
	opacity:.5
}
.navbottom .morelist.desktop>div {
	max-height:0;
	transition:all .3s ease-in-out;
	overflow:hidden;
	 
}
.navbottom .morelist.desktop>div.on {
	overflow-y:auto;
	border-radius:5px
}
.navbottom .morelist.desktop .sceniclist.on {
	max-height:230px;
	overflow:hidden
}
.navbottom .morelist.desktop .sceniclist .slist {
	padding:0 8px;
	margin:12px 0;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .sceniclist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .morelist.desktop .sceniclist .list.tj {
	position:relative;
	padding-left:26px
}
.navbottom .morelist.desktop .sceniclist .list.tj:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -90.6px -150.6px;
	background-size:240px;
	width:20px;
	height:20px;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.navbottom .morelist.desktop .sceniclist .list span {
	color:#FF9800;
	float:right
}
.navbottom .morelist.desktop .sceniclist .list span:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -120.6px -180.6px;
	background-size:240px;
	width:18px;
	height:19px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .morelist.desktop .roadmaplist {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .roadmaplist.on {
	max-height:210px
}
.navbottom .morelist.desktop .roadmaplist .rlist {
	background-color:#e1e1e1;
	padding:10px 0
}
.navbottom .morelist.desktop .roadmaplist .panob {
	width:250px;
	padding:8px;
	border-radius:5px;
	background-color:#fff;
	margin-left:8px
}
.navbottom .morelist.desktop .roadmaplist .panob .icon {
	width:30px;
	height:30px;
	border-radius:100px;
	position:absolute;
	top:50%;
	left:28px;
	transform:translateY(-50%);
	background-color:#fff
}
.navbottom .morelist.desktop .roadmaplist .panob .icon:before {
	content:'';
	background:url(../images/global.png) no-repeat -50.5px -50.5px;
	background-size:200px;
	width:17px;
	height:22px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	position:absolute
}
.navbottom .morelist.desktop .roadmaplist .panob img {
	width:70px;
	height:70px;
	float:left;
	border-radius:5px
}
.navbottom .morelist.desktop .roadmaplist .panob .titlee {
	position:relative;
	margin-left:80px;
	height:70px;
	font-size:12px
}
.navbottom .morelist.desktop .roadmaplist .panob .titlee .title {
	font-size:14px;
	margin-bottom:10px;
	position:relative
}
.navbottom .morelist.desktop .roadmaplist .panob.on .titlee .title:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -150.5px -275.5px;
	background-size:200px;
	width:14px;
	height:14px;
	top:50%;
	transform:translateY(-50%);
	right:8px;
	position:absolute
}
.navbottom .morelist.desktop .roadmaplist .panob .titlee .rqicon {
	border:1px solid #f6aa2c;
	border-radius:5px;
	color:#f6aa2c;
	display:inline-block;
	padding:2px
}
.navbottom .morelist.desktop .roadmaplist .panob .titlee .bottom {
	position:absolute;
	bottom:0;
	width:100%;
	width:100%
}
.navbottom .morelist.desktop .roadmaplist .panob .titlee .bottom span {
	color:#999
}
.navbottom .morelist.desktop .roadmaplist .panob .titlee .bottom .fangwl {
	color:#676767
}
.navbottom .morelist.desktop .roadmaplist .panob .titlee .bottom .fangwl:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -100.5px -275.5px;
	background-size:200px;
	width:12px;
	height:9px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .morelist.desktop .roadmaplist .llist {
	padding:0 8px;
	margin:12px 0
}
.navbottom .morelist.desktop .roadmaplist .llist>p {
	font-size:14px;
	font-weight:700;
	margin-bottom:5px
}
.navbottom .morelist.desktop .roadmaplist .llist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .morelist.desktop .roadmaplist .llist .list.on {
	background-color:rgba(0,0,0,.1);
	padding:0 8px
}
.navbottom .morelist.desktop .roadmaplist .list.tj {
	position:relative;
	padding-left:26px
}
.navbottom .morelist.desktop .roadmaplist .list.tj:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -90.6px -150.6px;
	background-size:240px;
	width:20px;
	height:20px;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.navbottom .morelist.desktop .roadmaplist .llist .list span {
	color:#ee7702;
	float:right
}
.navbottom .morelist.desktop .roadmaplist .llist .list span:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -60.6px -60.6px;
	background-size:240px;
	width:20px;
	height:27px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .morelist.desktop .toiletlist {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .toiletlist.on {
	max-height:195px
}
.navbottom .morelist.desktop .toiletlist .tlist {
	padding:0 8px;
	margin:12px 0;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .toiletlist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .morelist.desktop .toiletlist .list span {
	color:#00a4f7;
	float:right
}
.navbottom .morelist.desktop .parkinglotlist {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .parkinglotlist.on {
	max-height:195px
}
.navbottom .morelist.desktop .parkinglotlist .plist {
	padding:8px 10px;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .parkinglotlist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .morelist.desktop .parkinglotlist .list span {
	color:#00a4f7;
	float:right
}
.navbottom .morelist.desktop .parkinglotlist .list span:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -120.6px -180.6px;
	background-size:240px;
	width:18px;
	height:19px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .morelist.desktop .catelist {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .catelist.on {
	max-height:195px
}
.navbottom .morelist.desktop .catelist .clist {
	padding:0 8px;
	margin:12px 0;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .catelist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .morelist.desktop .catelist .list span {
	color:#00a4f7;
	float:right
}
.navbottom .morelist.desktop .oth {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .oth.on {
	max-height:195px
}
.navbottom .morelist.desktop .oth .otlist {
	padding:0 8px;
	margin:12px 0;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .morelist.desktop .oth .otlist {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .morelist.desktop .oth .otlist span {
	color:#00a4f7;
	float:right
}

@media screen and (max-width:500px) {
	.navbottom {
	position:fixed;
	         top: 10px;
	 
	 
	max-height:0;
	overflow:hidden;
	transform:inherit
}
.navbottom.on {
	 
}
.navbottom.homep {
	max-height:0;
	overflow:hidden
}
.navbottom .navtitle {
	position:relative
}
.navbottom .navtitle .swiper-container {
	 
}
.navbottom .navtitle .swiper-slide {
	padding:5px 0 3px;
	text-align:center;
	 
}
.navbottom .navtitle .swiper-slide .title {
	display:inline-block;
	color:#4c4c4c;
	font-size:10px;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:3px;
	padding:3px 0 2px 0
}
.navbottom .navtitle .swiper-slide:before {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:200px;
	display:block;
	margin-left:50%;
	transform:translateX(-50%);
	height:22px
}
.navbottom .navtitle .scenic:before {
	width:21px;
	background-position:-.5px -225.5px
}
.navbottom .navtitle .scenic.on:before {
	background-position:-.5px -250.5px
}
.navbottom .navtitle .roadmap:before {
	width:22px;
	background-position:-25.5px -225.5px
}
.navbottom .navtitle .roadmap.on:before {
	background-position:-25.5px -250.5px
}
.navbottom .navtitle .toilet:before {
	         width: 22px;
        background-position: -48.5px -223.5px;
}
.navbottom .navtitle .toilet.on:before {
	background-position:-50.5px -250.5px
}
.navbottom .navtitle .parkinglot:before {
	width:22px;
	background-position:-100.5px -225.5px
}
.navbottom .navtitle .parkinglot.on:before {
	background-position:-100.5px -250.5px
}
.navbottom .navtitle .cate:before {
	width:22px;
	background-position:-125.5px -225.5px
}
.navbottom .navtitle .cate.on:before {
	background-position:-125.5px -250.5px
}
.navbottom .navtitle .clinic:before {
	width:21px;
	background-position:-75.5px -225.5px
}
.navbottom .navtitle .clinic.on:before {
	background-position:-75.5px -250.5px
}
.navbottom .navtitle .transport:before {
	width:18px;
	background-position:-150.5px -225.5px
}
.navbottom .navtitle .transport.on:before {
	background-position:-150.5px -250.5px
}
.navbottom .navtitle .hotel:before {
	width:20px;
	background-position:-175.5px -223.5px
}
.navbottom .navtitle .hotel.on:before {
	background-position:-175.5px -250.5px
}
.navbottom .navtitle .market:before {
	width:22px;
	background-position:-.5px -275.5px
}
.navbottom .navtitle .market.on:before {
	background-position:-25.5px -275.5px
}
.navbottom .navtitle .unfold {
	display:none;
	position:relative;
	width:50px
}
.navbottom .navtitle .unfold:before {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:200px;
	display:block;
	margin-left:50%;
	transform:translateX(-50%);
	width:23px;
	height:13px;
	background-position:-75.5px -200.5px;
	top:50%;
	transform:translate(-50%,-50%);
	position:absolute
}
.navbottom .navtitle.on .unfold:before {
	background-position:-100.5px -200.5px
}
.navbottom .navtitle .unfold:after {
	content:'';
	background:url(../images/global.png) no-repeat;
	background-size:344px;
	width:9px;
	height:38px;
	background-position:-172.86px -688.86px;
	top:50%;
	left:0;
	transform:translateY(-50%);
	position:absolute
}
.navbottom .morelist.on {
	padding-bottom:20px
}
.navbottom .morelist>div {
	max-height:0;
	transition:all .3s ease-in-out;
	overflow:hidden
}
.navbottom .morelist>div.on {
	overflow-y:auto
}
.navbottom .morelist .sceniclist.on {
	max-height:195px;
	overflow:hidden
}
.navbottom .sceniclist .slist {
	padding:12px 8px;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .sceniclist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .sceniclist .list.tj {
	position:relative;
	padding-left:26px
}
.navbottom .sceniclist .list.tj:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -90.6px -150.6px;
	background-size:240px;
	width:20px;
	height:20px;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.navbottom .sceniclist .list span {
	color:#00a4f7;
	float:right
}
.navbottom .sceniclist .list span:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -120.6px -180.6px;
	background-size:240px;
	width:18px;
	height:19px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .roadmaplist {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .roadmaplist.on {
	max-height:210px
}
.navbottom .roadmaplist .rlist {
	background-color:#e1e1e1;
	padding:10px 0
}
.navbottom .roadmaplist .panob {
	width:250px;
	padding:8px;
	border-radius:5px;
	background-color:#fff;
	margin-left:8px
}
.navbottom .roadmaplist .panob .icon {
	width:30px;
	height:30px;
	border-radius:100px;
	position:absolute;
	top:50%;
	left:28px;
	transform:translateY(-50%);
	background-color:#fff
}
.navbottom .roadmaplist .panob .icon:before {
	content:'';
	background:url(../images/global.png) no-repeat -50.5px -50.5px;
	background-size:200px;
	width:17px;
	height:22px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	position:absolute
}
.navbottom .roadmaplist .panob img {
	width:70px;
	height:70px;
	float:left;
	border-radius:5px
}
.navbottom .roadmaplist .panob .titlee {
	position:relative;
	margin-left:80px;
	height:70px;
	font-size:12px
}
.navbottom .roadmaplist .panob .titlee .title {
	font-size:14px;
	margin-bottom:10px;
	position:relative
}
.navbottom .roadmaplist .panob.on .titlee .title:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -150.5px -275.5px;
	background-size:200px;
	width:14px;
	height:14px;
	top:50%;
	transform:translateY(-50%);
	right:8px;
	position:absolute
}
.navbottom .roadmaplist .panob .titlee .rqicon {
	border:1px solid #f6aa2c;
	border-radius:5px;
	color:#f6aa2c;
	display:inline-block;
	padding:2px
}
.navbottom .roadmaplist .panob .titlee .bottom {
	position:absolute;
	bottom:0;
	width:100%;
	width:100%
}
.navbottom .roadmaplist .panob .titlee .bottom span {
	color:#999
}
.navbottom .roadmaplist .panob .titlee .bottom .fangwl {
	color:#676767
}
.navbottom .roadmaplist .panob .titlee .bottom .fangwl:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -100.5px -275.5px;
	background-size:200px;
	width:12px;
	height:9px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .roadmaplist .llist {
	padding:0 8px;
	margin:12px 0
}
.navbottom .roadmaplist .llist>p {
	font-size:14px;
	font-weight:700;
	margin-bottom:5px
}
.navbottom .roadmaplist .llist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .roadmaplist .list.tj {
	position:relative;
	padding-left:26px
}
.navbottom .roadmaplist .list.tj:before {
	content:'';
	position:absolute;
	background:url(../images/global.png) no-repeat -90.6px -150.6px;
	background-size:240px;
	width:20px;
	height:20px;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.navbottom .roadmaplist .llist .list span {
	color:#ee7702;
	float:right
}
.navbottom .roadmaplist .llist .list span:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -60.6px -60.6px;
	background-size:240px;
	width:20px;
	height:27px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .toiletlist.on {
	max-height:195px
}
.navbottom .toiletlist .tlist {
	padding:0 8px;
	margin:12px 0;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .toiletlist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .toiletlist .list span {
	color:#00a4f7;
	float:right
}
.navbottom .toiletlist .list span:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -120.6px -180.6px;
	background-size:240px;
	width:18px;
	height:19px;
	top:50%;
	left:0;
	margin-right:5px
}
.navbottom .catelist.on,.navbottom .morelist .oth.on,.navbottom .parkinglotlist.on {
	max-height:195px
}
.navbottom .catelist .clist,.navbottom .morelist .oth .otlist,.navbottom .parkinglotlist .plist {
	padding:0 8px;
	margin:12px 0;
	max-height:160px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.navbottom .catelist .list,.navbottom .morelist .oth .list,.navbottom .parkinglotlist .list {
	font-size:12px;
	line-height:40px;
	color:#666
}
.navbottom .catelist .list span,.navbottom .morelist .oth .list span,.navbottom .parkinglotlist .list span {
	color:#00a4f7;
	float:right
}
.navbottom .catelist .list span:before,.navbottom .morelist .oth .list span:before,.navbottom .parkinglotlist .list span:before {
	content:'';
	display:inline-block;
	background:url(../images/global.png) no-repeat -120.6px -180.6px;
	background-size:240px;
	width:18px;
	height:19px;
	top:50%;
	left:0;
	margin-right:5px
}
} 
.rateBox{position: fixed;top: 0;z-index: 4101;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.rateBox .mc{position: absolute;bottom: 15px;left: 5%;z-index: 1;width: 90%;min-height: 160px;color: #333;background-color: #fff;border-radius: 5px;font-size: 14px;}
.rateBox .mc .xx{position: absolute;right: 4px;top: -50px;z-index: 2;font-size: 28px;color: #333;text-align: center;cursor:pointer;transform: rotate(180deg);width: 100%;}
.rateBox .mc .xx img
{
   dispaly:block;margin:0 auto;  width: 30px;
    }
.rateBox .mc .h{padding: 10px 0 20px 10px;}
.rateBox .mc .h font{color: #333;}
.rateBox .flex{display: flex;}
.rateBox .mc .itemBox{width: 100%;height: 440px;padding-bottom: 60px;overflow-y: auto;}
.rateBox .mc .items{padding: 0 10px 10px 10px;}
.rateBox .items .item{margin-bottom: 20px;}
.rateBox .item .img{width: 40px;height: 40px;margin-right: 10px;border-radius: 50%;}
.rateBox .item .img img{width: 100%;height: 100%;border-radius: 50%;}
.rateBox .item .info{flex:1;}
.rateBox .item .info .tl{flex:1;}
.rateBox .item .info .tl .name{padding-bottom: 15px;color: #FF9800;width: 100%;
    text-align: center;}
.rateBox .item .info .tl .name span
{
font-size: 18px;
}    
    
.rateBox .items .info .tl .tm{padding-left: 10px;color: #999;font-size: 12px;}
.rateBox .item .info .iconD{margin-left: 10px;text-align: center;}
.rateBox .item .info .iconD .icon{width: auto; height: 18px;margin-top: 2px;margin-bottom: 5px;}
.rateBox .item .info .iconD .cou{color: #999;}
.rateBox .item .sub{display: none;width: 100%;}
.rateBox .item .sub .flex:first-child{margin-top: 10px;}
.rateBox .item .sub .moreD{display: none;align-items: center;padding-top: 8px;color: #999;font-size: 12px;}
.rateBox .item .sub .moreD .more{padding-right: 5px; color: #999;font-size: 12px;}
.rateBox .item .sub .moreD .jt img{width: auto;height: 8px;}
.rateBox .item .sub .moreD.on .jt img{transform: rotate(180deg);}
.rateBox .fm{position: absolute;left: 0;bottom: 0px;z-index: 2;width: 100%;padding: 10px 10px;border-top: 1px solid #e2e2e2;background-color: #fff;}
.rateBox .fm .inpD{flex:1;}
.rateBox .fm .inpD .inp{width: 100%;height: 35px;font-size: 12px;color: #333;}
.rateBox .fm .btnD{margin-left: 10px;}
.rateBox .fm .btnD .subBtn{display: inline-block;width: 50px;height: 30px;line-height: 30px;margin-top: 3px;background-color: #EE7701;color: #fff;font-size: 12px;border-radius: 4px;text-align: center;}
.rateBox .loadMore{padding: 10px 0;color: #999; text-align: center;}
/*滚动条样式*/
.rateBox .scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.rateBox .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #C1C1C1;
    background: #C1C1C1;
}
.rateBox .scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #F1F1F1;
}

.xx{position: absolute;right: 4px;top: 0px;z-index: 2;font-size: 28px;color: #333;text-align: center;cursor:pointer;transform: rotate(45deg);}

.rateBox1{position: fixed;top: 0;z-index: 4101;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.rateBox1 .mc{position: absolute;bottom: 15px;left: 5%;z-index: 1;width: 90%;min-height: 160px;color: #333;background-color: #fff;border-radius: 5px;font-size: 14px;}
.rateBox1 .mc .xx{position: absolute;right: 4px;top: -50px;z-index: 2;font-size: 28px;color: #333;text-align: center;cursor:pointer;transform: rotate(180deg);width: 100%;}
.rateBox1 .mc .xx img
{
   dispaly:block;margin:0 auto;  width: 30px;
    }
.rateBox1 .mc .h{padding: 10px 0 20px 10px;}
.rateBox1 .mc .h font{color: #333;}
.rateBox1 .flex{display: flex;}
.rateBox1 .mc .itemBox{width: 100%;height: 440px;padding-bottom: 60px;overflow-y: auto;}
.rateBox1 .mc .items{padding: 0 10px 10px 10px;}
.rateBox1 .items .item{margin-bottom: 20px;}
.rateBox1 .item .img{width: 40px;height: 40px;margin-right: 10px;border-radius: 50%;}
.rateBox1 .item .img img{width: 100%;height: 100%;border-radius: 50%;}
.rateBox1 .item .info{flex:1;}
.rateBox1 .item .info .tl{flex:1;}


.rateBox1 .item .info .tl .name{padding-bottom: 15px;color: #FF9800;width: 100%;
    text-align: center;}
.rateBox1 .item .info .tl .name span
{
font-size: 18px;
}    
.rateBox1 .items .info .tl .tm{padding-left: 10px;color: #999;font-size: 12px;}
.rateBox1 .item .info .iconD{margin-left: 10px;text-align: center;}
.rateBox1 .item .info .iconD .icon{width: auto; height: 18px;margin-top: 2px;margin-bottom: 5px;}
.rateBox1 .item .info .iconD .cou{color: #999;}
.rateBox1 .item .sub{display: none;width: 100%;}
.rateBox1 .item .sub .flex:first-child{margin-top: 10px;}
.rateBox1 .item .sub .moreD{display: none;align-items: center;padding-top: 8px;color: #999;font-size: 12px;}
.rateBox1 .item .sub .moreD .more{padding-right: 5px; color: #999;font-size: 12px;}
.rateBox1 .item .sub .moreD .jt img{width: auto;height: 8px;}
.rateBox1 .item .sub .moreD.on .jt img{transform: rotate(180deg);}
.rateBox1 .fm{position: absolute;left: 0;bottom: 0px;z-index: 2;width: 100%;padding: 10px 10px;border-top: 1px solid #e2e2e2;background-color: #fff;}
.rateBox1 .fm .inpD{flex:1;}
.rateBox1 .fm .inpD .inp{width: 100%;height: 35px;font-size: 12px;color: #333;}
.rateBox1 .fm .btnD{margin-left: 10px;}
.rateBox1 .fm .btnD .subBtn{display: inline-block;width: 50px;height: 30px;line-height: 30px;margin-top: 3px;background-color: #EE7701;color: #fff;font-size: 12px;border-radius: 4px;text-align: center;}
.rateBox1 .loadMore{padding: 10px 0;color: #999; text-align: center;}
/*滚动条样式*/
.rateBox1 .scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.rateBox1 .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #C1C1C1;
    background: #C1C1C1;
}
.rateBox1 .scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #F1F1F1;
}



.rateBox2{position: fixed;top: 0;z-index: 4101;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.rateBox2 .mc{position: absolute;bottom: 15px;left: 5%;z-index: 1;width: 90%;min-height: 160px;color: #333;background-color: #fff;border-radius: 5px;font-size: 14px;}
.rateBox2 .mc .xx{position: absolute;right: 4px;top: -50px;z-index: 2;font-size: 28px;color: #333;text-align: center;cursor:pointer;transform: rotate(180deg);width: 100%;}
.rateBox2 .mc .xx img
{
   dispaly:block;margin:0 auto;  width: 30px;
    }
.rateBox2 .mc .h{padding: 10px 0 20px 10px;}
.rateBox2 .mc .h font{color: #333;}
.rateBox2 .flex{display: flex;}
.rateBox2 .mc .itemBox{width: 100%;height: 440px;padding-bottom: 60px;overflow-y: auto;}
.rateBox2 .mc .items{padding: 0 10px 10px 10px;}
.rateBox2 .items .item{margin-bottom: 20px;}
.rateBox2 .item .img{width: 40px;height: 40px;margin-right: 10px;border-radius: 50%;}
.rateBox2 .item .img img{width: 100%;height: 100%;border-radius: 50%;}
.rateBox2 .item .info{flex:1;}
.rateBox2 .item .info .tl{flex:1;}


.rateBox2 .item .info .tl .name{padding-bottom: 15px;color: #FF9800;width: 100%;
    text-align: center;}
.rateBox2 .item .info .tl .name span
{
font-size: 18px;
}    
.rateBox2 .items .info .tl .tm{padding-left: 10px;color: #999;font-size: 12px;}
.rateBox2 .item .info .iconD{margin-left: 10px;text-align: center;}
.rateBox2 .item .info .iconD .icon{width: auto; height: 18px;margin-top: 2px;margin-bottom: 5px;}
.rateBox2 .item .info .iconD .cou{color: #999;}
.rateBox2 .item .sub{display: none;width: 100%;}
.rateBox2 .item .sub .flex:first-child{margin-top: 10px;}
.rateBox2 .item .sub .moreD{display: none;align-items: center;padding-top: 8px;color: #999;font-size: 12px;}
.rateBox2 .item .sub .moreD .more{padding-right: 5px; color: #999;font-size: 12px;}
.rateBox2 .item .sub .moreD .jt img{width: auto;height: 8px;}
.rateBox2 .item .sub .moreD.on .jt img{transform: rotate(180deg);}
.rateBox2 .fm{position: absolute;left: 0;bottom: 0px;z-index: 2;width: 100%;padding: 10px 10px;border-top: 1px solid #e2e2e2;background-color: #fff;}
.rateBox2 .fm .inpD{flex:1;}
.rateBox2 .fm .inpD .inp{width: 100%;height: 35px;font-size: 12px;color: #333;}
.rateBox2 .fm .btnD{margin-left: 10px;}
.rateBox2 .fm .btnD .subBtn{display: inline-block;width: 50px;height: 30px;line-height: 30px;margin-top: 3px;background-color: #EE7701;color: #fff;font-size: 12px;border-radius: 4px;text-align: center;}
.rateBox2 .loadMore{padding: 10px 0;color: #999; text-align: center;}
/*滚动条样式*/
.rateBox2 .scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.rateBox2 .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #C1C1C1;
    background: #C1C1C1;
}
.rateBox2 .scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #F1F1F1;
}