html,body{font-size: 100px;}
html,body,div,span,ul,li{padding: 0;margin:0;}
#app{position: fixed;font-size: 0.14rem;width: 100%;height: 100%;left:0;top:0;}

.map{position: absolute;z-index:100;opacity: 1;-webkit-overflow-scrolling : touch;}
.map-bg,.map-bg1{position: relative;pointer-events:none;width: 100%;height: 100%;pointer-events: none;}
.map-bg1{position: absolute;left: 0;top: 0;}
.map-mark{position: absolute;display: block;cursor: pointer;background-size: 100% 100%;width: 50px;height: 40px;transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);-o-transform:translate(-50%,-100%);}
.map-lab{position: absolute;font-size: 0.12rem;white-space:nowrap;background-color: rgba(255,255,255,0.8);margin-top: 40px;margin-left:25px;color: #666;font-weight: bold;padding: 2px 4px;box-sizing: border-box;
transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transform-origin:0 0;transform:scale(0.8);-ms-transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);}
.map-pop{position: absolute;transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);-o-transform:translate(-50%,-100%);margin-top: -40px;left: -1000%;}
.map-pop-cont{display: flex;display: -webkit-flex;background: rgba(255,255,255,0.8);justify-content: space-between;box-sizing: border-box;padding: 6px;}
.map-pop-cont>div{height: 0.8rem;}
.map-pop-left{width: 0.8rem;}
.map-pop-left>img{width: 100%;height: 100%;}
.map-pop-center{width: 1rem;font-size: 0.12rem;box-sizing: border-box;padding-left: 6px;padding-right: 4px;text-align:justify;}
.map-pop-font{overflow: hidden;flex: 1;min-height: 50%;}
.map-pop-but{height: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.map-pop-but>div{background-color: #e9e9eb;color: #fff;font-size: 0.12rem;border-radius: 5px;letter-spacing:0.04rem;
cursor: pointer;padding: 0.03rem 0.04rem 0.03rem 0.06rem;}
.map-pop-but>div a{text-decoration:none;color:#444;}
.map-pop-but>div:nth-child(2){background-color: #FF7362;}
.map-pop-but>div:nth-child(2) a{color:#fff;}
.map-pop-right{width: 0.14rem;text-align: right;}
.map-pop-close{position: relative;text-align: center;padding: 0;line-height: 0.14rem;font-size: 0.14rem;cursor: pointer;}
.map-pop-arrow{font-size: 0;text-align: center;width: 100%;}
.map-pop-arrow>div{width: 0.1rem;height: 0.1rem;display: inline-block;background-image: url(../img/sharp.png);background-size: cover;position: relative;top:-1px}

.d1{position: absolute;z-index: -1;width: 100%;height: 100%;background-color: #f9ffe5;background-image: url(../img/d1_layer.webp);background-position:left bottom;background-size: 100% 50%;background-repeat: no-repeat;}

.d2{position: absolute;z-index: 101;width: 100%;}
.d2-t{position: relative;width: 100%;height: 0.4rem;background-color: rgba(255,238,212,0.5);}
.d2-cont{position: relative;width: 100%;height: 0.5rem;background-color: #7eccf4;display: flex;display: -webkit-flex;}
.d2-cont>div{width: 50%;height: 100%;}
.d2-l{display: flex;align-items: center;}
.d2-img{position: relative;max-height: calc(100% + 90px);max-width: 100%;height: auto;}
.d2-r{display: flex;display: -webkit-flex;justify-content: center;}
.d2-search{height: 0.3rem;display: flex;display: -webkit-flex;margin-top: 10px;font-size: 0.14rem;}
.d2-icon{width: 1rem;border-top-left-radius: 10px;border-bottom-left-radius: 10px;background-color: #fff;display: flex;display: -webkit-flex;box-sizing: border-box;box-shadow: 0 0 4px rgb(0, 71, 156);border-right: 1px solid #448ade;cursor: pointer;}
.d2-icon-l{width: 40%;text-align: center;color: #666;font-size: 0.14rem;}
.d2-icon-r{width: 60%;font-size: 16px;text-align: center;color:#00479c;}
.d2-icon>div{line-height: 0.3rem;}
.d2-icon-r{letter-spacing:0.1rem;}
.d2-input{background-color: #fff;border-top-right-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;}
.d2-input>input{outline: none;border:0;height: 100%;min-width: 2.5rem;padding: 0;padding-left: 0.2rem;box-sizing: border-box;}
.d2-r-hua{position: absolute;right: 0;height: 0.4rem;margin-top: -0.16rem;}

.d3{position: absolute;z-index: 101;width: 100%;height: 0.7rem;bottom: 0;background-color: rgba(255,255,255,0.6);display: flex;display: -webkit-flex;box-shadow: 0 0 4px rgb(25,137,250);}
.d3-a{width: 100%;height: 100%;box-sizing: border-box;box-shadow: 1px 2px 4px rgba(200,200,200,0.8);}
.d3-a ul{position: relative;width: 100%;min-width: 100%;height: 80%;top: 10%;display: flex;display: -webkit-flex;justify-content:space-between;align-items: center;box-sizing: border-box;overflow-x: auto;}

.d3-a li{list-style: none;height: 100%;display: flex;display: -webkit-flex;flex-wrap:wrap; justify-content:center;align-items: center;min-width: 60px;}
.d3-img{height: 50%;}
.d3-font{white-space:nowrap;font-size: 0.12rem;width: 100%;text-align: center;}

.d1,.d2,.d3,.d5{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.d1 img,.d2 img{pointer-events: none;}

.d4{position: absolute;z-index: 101;bottom: 0.7rem;left: 0;font-size: 0.12rem;box-sizing: border-box;padding: 0 0 0.12rem 0rem;width: 100%;display: flex;display: -webkit-flex;align-items: center;width: auto;}
.d4-but{padding: 0 10px;cursor: pointer;}
.d4-but img{width: 40px;}

.d5{position: absolute;bottom: 0.75rem;background-color: rgba(255,255,255,0.6);border:1px solid #efefef;display: flex;display: -webkit-flex;justify-content: space-around;box-shadow: 0 0 1px #e4f2c1;width: 100%;max-width: 600px;box-sizing: border-box;padding: 0.1rem 0;border: 1px solid #e4f2c1;z-index: 101;border-left: 0;border-right: 0;margin-left: 50%;
transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.d5>div{cursor: pointer;}
/*放大缩小控件*/
.control{position: absolute;width: 35px;height: 70px;box-sizing: border-box;right:15px;top: 90px;background: #fff;display: flex;flex-direction: column;box-shadow: 0 1px 2px rgba(0,0,0,.15);z-index: 999;}
.control-add,.control-reduce{width: 100%;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;font-size: 18px;}
.control-line{position: relative;border-bottom: 1px solid #ddd;width: 80%;margin-left: 10%;}
@media screen and (max-width: 1200px) {
	@media screen and (orientation: portrait) {
		#app{
			width: 100vh;
			height: 100vw;
			top: calc( (100vh - 100vw)/2 );
			left: calc( (100vw - 100vh)/2 );
			transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;
			transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);
		}
		.d2-t{display: none;}
		.d2-img{height: 100%;top:0;}
		.d2-cont>div:nth-child(1){width: 40%;}
		.d2-cont>div:nth-child(2){width: 60%;}
		.d3{height: 0.5rem;}
		.d5{bottom: 0.55rem;}
	}
}
.pop-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}