body, html {
        width: 100%;
        height: 100%;
        margin: 0;       
    }
    /*--------底图按钮样式设置--------（75行结束）*/
    #allmap {height: 100%;width: 100%;z-index: 0;}
    ul li {list-style: none;}
    .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: 2vh; 
        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);
    }
    .btn {
        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;
    }
    .dp_1,.dp_2 {
        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;
    }
    #copydata,#tsbtn:hover{cursor: pointer;}
    #tsbtn:hover{
        background-color: rgba(27, 142, 236, 0.8);
        color: #fff;
    }
    li:hover {
        background-color: rgba(27, 142, 236, 0.8);
        color: #fff;
    }
    /*--------底图按钮样式设置【结束】--------*/
   /*搜索框样式设置*/
  	#l-map{height:100vh;width:100vw;z-index: 0;}
	#r-result{font-size: 16px;width:260px;height:40px;position: absolute;left: 50%;top:1vh;transform: translateX(-50%); 
	display: flex;justify-content: center;align-items: center;
	/*background: yellow;*/
	/*text-align: center;*/
	/*line-height: 30px;*/
	}
	
	#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;}
	
	/*搜索框样式设置[结束]*/
	/*----------打开网页后的提示-----------*/
	#tsdiv{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: rgba(152,205,250,0.7);border-radius:20px;box-sizing: border-box;padding: 10px;font-size: 18px;}
	#tsbtn{width: 80px;height: 30px;background: white;border-radius:10px;
	display: block;margin: 0 auto;border:1px solid rgba(27, 142, 236, 1);}
	/*----------打开网页后的提示【结束】-----------*/
	/*-------------复制按钮---------------*/
	#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: flex;
	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;}
   	}
   	/*-------------复制按钮【结束】---------------*/
   		 #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;
    }
    #c_fen:hover{
    	background-color: blueviolet;
        color: #fff;
        cursor: pointer;
    }
    .btnc:hover{background-color: rgba(27, 142, 236, 0.1);cursor: pointer;font-size: 15px;}
    
    a:link,a:visited,a:hover,a:active {color: inherit;text-decoration: none;}
    #yc{width: 50px;height: 40px;background: rgba(255,255,255,0);position: absolute;left:0;top:0}
    #yc:hover{cursor: pointer;}
	#tangram-suggestion--TANGRAM__1{border-radius:15px ;}
    #tangram-suggestion--TANGRAM__1 td{border-radius:15px ;}
    

#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)}

.btnc {  flex: 1 1 20%; /* 设置子元素占据父元素的比例，这里是四等分 */
  margin: 10px; /* 按钮之间留出一定的间距 */
}

#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;}

#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10{width: 1px;height: 1px;display: none;overflow: hidden;}
.btnc{display: none;border-radius: 10px;background: rgba(45, 165, 255, 0.8);border: none;}
#con{width: 1px;height: 1px;overflow: hidden;display: block;}