body{
            color: #333;
        }
        ul{
            list-style: none;
        }
        *{
            margin: 0;
            padding: 0;
        }
        #map{
            height: 100vh;
            width: 100%;
        }
        .clear{
            overflow: hidden;
        }
        .iconN img{
            width: 18px;
            height: 18px;
            border-radius: 100%;
            box-shadow: 0 0 16px white;
            border: 2px solid #E0EDFE;
        }
        .dian{
            width: 34px;
            height: 34px;
            position: relative;
        }
        .dian .img img{
            width: 64px;
            height: 64px;
            border-radius: 100%;
            box-shadow: 0 0 16px white;
            border: 2px solid #E0EDFE;
        }
        .dian .img{
            position: absolute;
            left: 50%;
            margin-left: -25px;
            bottom: 100%;
            width: 50px;
        }
        .amap-marker-label{
            border: none;
            box-shadow: 0 0 5px #ccc;
        }
        .closeN{
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 50px;
            text-align: center;
            background: #000;
            color: #fff;
            font-size: 30px;
        }
        .shopList{
            position: absolute;
            top: 22%;
   			 right: 52px;
            /*background: #133f58;*/
            width: 300px;
            height:  calc(100% - 30%);
            overflow: hidden;
            background-image: url(../img/detailbgimg.png);
		    background-size: 100% 100%;
		    background-repeat: no-repeat;
            /*box-shadow: 0px 0px 14px #589bc599;*/
        }
        .shopList ul,.gj .box{
            width: calc(100% + 22px);
            overflow: auto;
            height: 79%;
            margin-left: 19px;
        }
        .shopList li{
            /*line-height: 88px;*/
            padding: 0 10px;
            height: 88px; 
            /*white-space: nowrap;*/
            /*border-bottom: 1px solid #033447;            font-size: 0;*/
            /*background: #033447;*/
            color: white;
            width: 78%;
        }
        .shopList li img{
            width: 40px;
            vertical-align: middle;
            /*max-height: 40px;*/
        }
        .shopList li span{
            vertical-align: middle;
            font-size: 14px;
            padding-left: 10px;
            display: inline-block;
            width: 210px;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .shopList b{
            display: inline-block;
            height: 20px;
            /*background: url(images/arrow.png) no-repeat;*/
            vertical-align: middle;
            width: 20px;
            background-size: 100%;
            transition: all .5s;
        }
        .shopList b.ac{
            transform: rotate(-180deg);
            transition: all .5s;
        }
        .shopList li.ac b{
            background-image: url(images/arrow1.png);
        }
        .flex{
            display:-webkit-box;
            display:-webkit-flex;
            display: flex;
        }
        .dzz{
            position: absolute;
            top: 0;
            width: 300px;
            background: #fff;
            font-size: 14px;
            max-height: 100%;
            overflow: auto;
        }
        .dzz .cont{
            padding: 15px 10px;
            line-height: 26px;
        }
        .dzz img{
            display: block;
            width: 100%;
        }
        .dzz .p{
            line-height: 24px;
            font-size: 14px;
            padding-top: 5px;
            color: #333;
        }
        .dzz .p:first-child{
            padding: 0;
        }
        .title{
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            color: #000;
            height: 40px;
            line-height: 40px;
            background: #f7f7f8;
        }
        .dian.xiao{
            width: 22px;
            height: 22px;
        }
        .dian.xiao .iconN img{
            width: 18px;
        }
        .dian.big{
            animation: big .5s;
        }
        @keyframes big{
            0%{
                transform: scale(0);
            }
            100%{
                transform: scale(1);
            }
        }
        .hint{
            color: #ccc;
            text-align: center;
            line-height: 88px;
            font-size: 14px;
            background: #133f58;
        }
        .shopList li.ac{
            background: #014b84;
            color: #fff;
        }
        .shopList .tit{
        	display: flex;
        	justify-content: center;
        	align-items: center;
            height: 88px;
        }
        .shopList .detail{
            margin-left: -10px;
            font-size: 14px;
            color: #333;
            background: #fff;
            white-space: normal;
            line-height: 24px;
            width: 300px;
        }
        #shopEchart{
            width: 450px;
            height: 400px;
            margin-top: 15px;
        }
        .shopDetail{
            position: absolute;
            bottom: 0;
            right: 0;
            background: #fff;
            padding: 0 0 0 30px;
        }
        .shopDetail .title{
            width: 400px;
            margin-left: -30px;   
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0 40px;
        }
        .shopDetail .close{
            position: absolute;
            width: 24px;
            height: 24px;
            background: url(images/arrow.png) no-repeat;
            background-size: 100%;
            top: 8px;
            right: 10px;
            cursor: pointer;
            transition: all .5s;
        }
        .shopDetail .close.ac{
            transform: rotate(-180deg);
            transition: all .5s;
        }
        .gj .box img{
            max-width: 100%;
            display: block;
        }
        .gj{
            width: 350px;
            overflow: hidden;
            height: 100%;
        }
        .gj .box{
            height: calc(100% - 40px);
        }
        .nav a{
        font-family: "microsoft yahei";
        display: inline-block;
        /*line-height: 36px;
        height: 36px;*/
        /*background: #033447;*/
        padding: 0 30px;
        font-size: 18px;
        color: #fff;
        padding: 0 20px;
        border-left: 1px solid white;
        /*margin-left: 10px;*/
        cursor: pointer;
	    }
	    .nav a:first-child{
	    	border: 0;
	    }
	    .nav{
	        position: absolute;
	        top: 17.3%;
   			right: 68px;
	        height: 38px;
	        width: 340px;
	        /*background-color: #033447;*/
	        display: flex;
	        justify-content: center;
	        align-items: center;
  		}
        .dian .hj-pup{
            background: #fff;
            width: 110px;
            padding: 10px;
            text-align: center;
            margin-left: -65px;
            font-size: 14px;
            box-shadow: 0 0 5px #999;
        }
        .hj-pup li{
            line-height: 24px;
        }
        .hj-list li{
            float: left;
            width: 50%;
            line-height: 40px;
        }
        .hj-list .box{
            padding: 10px;
        }
        .shopList li .detail img{
            width: 100%;
            max-height: initial;
        }
        .shopList .detail .p{
            padding: 10px;
        }
        .tab{
            position: absolute;
            top: 0;
            width: 500px;
            left: 50%;
            margin-left: -250px;
        }
        .tab li{
            background: #fff;
            padding: 15px 20px;
            width: 50%;
            text-align: center;
        }
        .tab li.ac{
            background: #4CAF50;
            color: #fff;
        }
        .big-title{
        	position: absolute;
        	font-size: 38px;
        	/*margin-top: 20px;*/
        	width: calc(100% - 40px);
        	left: 20px;
        	z-index: 10;
        	text-align: center;
        	color: white;
        	top: 48px;
        	display: flex;
        	justify-content: center;
        }
        .smal-title{
        	width: 179px;
        	height: 71px;
        	margin-top: 14px;
        	margin-right: 10px;
        	background-image: url(../img/smallnavactive.png);
        	background-size: 100% 100%;
        	background-repeat: no-repeat;
        	font-size: 24px;
        	font-family: "microsoft yahei";
        	line-height: 71px;
        	text-align: center;
        	cursor: pointer;
        }
        .smal-title:hover{
        	color: #00faff;
        }
        .detail-div{
        	position: absolute;
        	top: 22%;
		    left: 52px;
		    width: 421px;
		    height: calc(100% - 30%);
		    background-image: url(../img/detailbgimg.png);
		    background-size: 100% 100%;
		    background-repeat: no-repeat;
        	/*background-color: #033447;*/
        	z-index: 100;
        	/*box-shadow: 0px 0px 14px #589bc599;*/
        	color: white;
        	/*padding-top: 10px;*/
        	overflow: hidden;
        }
        .detail-dl{
        	width: calc(100% - 29px);
		    height: calc(100% - 142px);
		    padding-right: 21px;
		    overflow: auto;
		    margin-left: 26px;
        }
        .detail-title{
        	/*width: 96%;*/
        	/*background-color: #25A5F7;*/
        	background-image: url(../img/detail-title.png);
        	background-size: 72% 23%;
        	background-position: center;
        	background-repeat: no-repeat;
        	height: 60px;
        	margin-top: 32px;
        	text-align: center;
        	color: #00faff;
        	/*padding: 20px 2%;*/
        	text-align: center;
        }
        .detail-dl p,
        .detail-dl span,
        .detail-dl h3,
        .detail-dl strong{
        	padding: 5px 0;
        	/*margin-left: 2%;*/
        	/*width: 94%;*/
        	/*display: flex;
        	flex-direction: column;
        	justify-content: center;
        	align-items: center;*/
        	color: white !important;
        	background-color: transparent !important;
        }
        .detail-dl p img{
        	max-width: 80%;
        	margin: auto;
        }
        .timesu-{
        	position: absolute;
        	top: 17.3%;
		    left: 68px;
		    width: 421px;
        	height: 40px;
        	line-height: 40px;
        	font-size: 24px;
        	text-align: center;
        	color: white;
        	font-family: arial;
        }
		[v-cloak]{
			display: none;
		}
		.tongji{
			width: 862px;
			height: 40px;
			/*line-height: 40px;*/
			display: flex;
			position: absolute;
			top: 16.3%;
			left: 540px;
			color: white;
		}
		.names{
			font-size: 18px;
			line-height: 60px;
			color: #00faff;
		}
		.numberlist{
			font-size: 40px;
			font-family: fantasy;
			margin-right: 20px;
			letter-spacing: 3px;
			color: #00faff;
		}
		.icon-explain{
			width: 120px;
			font-size: 14px;
			height: 140px;
			position: absolute;
			bottom:0px;
			right: 440px;
			color: white;
			padding: 20px 0;
		}
		.explain-box{
			width: 100%;
			height: 40px;
			line-height: 40px;
			display: flex;
			background-color: #033447;
			padding: 0 20px;
			border-bottom: 1px solid #103c54;
			cursor: pointer;
		}
		.explain-box img{
			width: 40px;
			height: 40px;
			margin-right: 20px;
		}
		.message-box{
			display: flex;
			height: auto;
			padding: 5px;
			border-bottom: #103c54;
			margin-top: 10px;
			width: 90%;
			border-bottom: 1px solid #103c54;
		}
		.message-box span{
			align-items: flex-start;
			width: 72%;
		}
		span.message-name{
			width: 28%;
			align-items: center;
		}
		.number-bg{
			/*width: 32px;*/
			height: 43px;
			display: inline-block;
			text-align: center;
			/*background-image: url(../img/number-bg.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;*/
		}
		.smal-active{
			color: #00faff;
			background-image: url(../img/smalltitle.png);
		}
		.small-nav{
			position: absolute;
			right: 402px;
			top: 24%;
			width: 140px;
		}
		.menu-smal{
			width: 100%;
			height: 56px;
			background-image: url(../img/smallmenu.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			text-align: center;
			line-height: 56px;
			color: white;
			font-size: 18px;
			margin-bottom: 15px;
			cursor: pointer;
		}
		.mennu-active{
			background-image: url(../img/smallmenu1.png);
			color: #00faff;
		}