*{padding: 0;margin: 0;}
        html, body {
            height: 100%;
            width: 100%;
            z-index: 0;
            /*cursor: pointer;*/
        }
         #container{height: 100%; width: 100%;}
        .amap-icon{width: 25px;height: 34px;}
        img{width: 100%;height: 100%;}
		ul li {list-style: none;}
		li:hover {
        background-color: rgba(27, 142, 236, 0.8);
        color: #fff;
    }
    .btn-wrap {    	
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: space-around;
    	align-content: space-around;
    	width: 250px;
    	height: 25px;
        z-index: 999;
        position: fixed;
        bottom: 3.6vh; 
        left:50%;
        transform: translateX(-50%);      
        padding: 1rem 1rem;
        border-radius: 20px;
        background-color: #fff;
        box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
    }
        li.btn {
        	font-size: 2rem;
        width: 75px;
        height: 30px;
        /*float: left;*/
        background-color: #fff;
        color: rgba(27, 142, 236, 1);
        font-size: 14px;
        border:1px solid rgba(27, 142, 236, 1);
        border-radius: 5px;
        /*margin: 0 5px;*/
        text-align: center;
        line-height: 30px;
    }
    .btn:hover {
        background-color: rgba(27, 142, 236, 0.8);
        color: #fff;
        cursor: pointer;
    }
    li.dp_1{
    	font-size: 2rem;
        width: 75px;
        height: 30px;
        background-color: #fff;
        color: rgba(27, 142, 236, 1);
        font-size: 14px;
        border:1px solid rgba(27, 142, 236, 1);
        border-radius: 5px;
        text-align: center;
        line-height: 30px;
    }
    li:hover {
        background-color: rgba(27, 142, 236, 0.8);
        color: #fff;
    }
    #copydata:hover{cursor: pointer;}
    #fzcg{width:160px;height:80px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: rgba(152,205,250,0.7);border-radius: 20px;display: none;
	flex-direction: column;flex-wrap:wrap;align-content: space-around;justify-content:space-around;
	opacity: 0;z-index: 8
	/*animation: fzjs 4s forwards;*/
	}
   	#fzcg p{margin: 0 auto;text-align: center;}
    #fzcg button{width: 50px;height: 30px;border-radius: 10px;
   				border:1px solid rgba(27, 142, 236, 1);}
   	@keyframes fzjs{
   		0%{opacity: 0;}
   		50%{opacity: 1;}
   		100%{opacity: 0;}
   	}
   	/*-------------复制按钮【结束】---------------*/
   	#copydata:hover{cursor: pointer;}
   	#tsbtn:hover{
        background-color: rgba(27, 142, 236, 0.8);
        color: #fff;
    }
   	#tsdiv{position: absolute;left:50%;top:50%;transform: translate(-50%,-6%);background: rgba(152,205,250,0.7);border-radius:20px;box-sizing: border-box;padding: 10px;}
   	#tsbtn{width: 80px;height: 30px;background: white;border-radius:10px;
	display: block;margin: 0 auto;border:1px solid rgba(27, 142, 236, 1);}
	#search{font-size: 16px;width:220px;height:40px;position: absolute;left: 50%;top:1vh;transform: translateX(-50%); 
	}
	#suggestId,#suggestId_top{width:200px;height: 30px;border: 1px #ccc solid;border-radius: 15px;box-sizing: 	border-box;padding: 0 46px 0 10px;outline:none;position:absolute;left:50%;top: 50%;transform: translate(-50%,-50%);
	vertical-align: middle;}
	#suggestId::placeholder,#suggestId_top::placeholder{text-align: center;}
	#search_btn{font-size: 14px;width:43px;height:30px;border-radius: 15px;outline:none;
	background: #8cd1fe;text-align: center;line-height: 30px;color: #383038;position: absolute;left:76%;top:50%;
	transform: translateY(-50%);}
	#search_btn:hover{cursor: pointer;}
	 		 #ptdt {
        width: 80px;
        height: 30px;
        float: left;
        background-color: #fff;
        color: rgba(27, 142, 236, 1);
        font-size: 14px;
        border:1px solid rgba(27, 142, 236, 1);
        border-radius: 5px;
        text-align: center;
        line-height: 30px;
    }
    #ptdt:hover {
        background-color: rgba(27, 142, 236, 0.8);
        color: #fff;
        cursor: pointer;
    }
    #yc{width: 50px;height: 40px;background: rgba(255,255,255,0);position: absolute;left:0;top:0}
    #yc:hover{cursor: pointer;}
    .amap-sug-result{border-radius:15px ;width: 200px;}
    .auto-item{border-radius:8px}
	#fenge{ width: 50%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; border-radius: 25px;}
	#fens {display: flex; width: 100%; height: auto; background: white; border-radius: 25px;justify-content: space-around; align-content: space-around;  flex-wrap: wrap;box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5)}
	#fenx { width: 100%; height: 5vh; background: rgba(45, 165, 255, 1); display: flex; justify-content: center; align-items: center;border-radius:25px }
	#c_fen { color: black; ;font-size: 18px;border-radius: 8px;padding: 3px 65px;}
	#c_fen:hover{
    	background-color: blueviolet;
        color: #fff;
        cursor: pointer;
    }
	#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10{width: 1px;height: 1px;display: none;overflow: hidden;}
	.btnc {  flex: 1 1 20%; /* 设置子元素占据父元素的比例，这里是四等分 */
  margin: 10px; /* 按钮之间留出一定的间距 */
}
	.btnc{display: none;border-radius: 10px;background: rgba(45, 165, 255, 0.8);border: none;}
	.btnc:hover{background-color: rgba(27, 142, 236, 0.1);cursor: pointer;font-size: 15px;}