@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('icon/iconfont.ttf?t=1718711528918') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-business-icon-one-touch:before {
  content: "\e824";
}

.icon-goods:before {
  content: "\e82c";
}

.icon-time:before {
  content: "\e834";
}

.icon-location:before {
  content: "\e83d";
}

.icon-phone:before {
  content: "\e860";
}

 html,body,p,ul,li,h1,h2,h3,h4{
		   padding: 0;
		   margin: 0;
		   list-style: none;
	   }
	   a{ color:#333; text-decoration:none;}
	   
	   .wp{
	       padding: 0 20px;
	        max-width: 800px;
	   }
	   h1{
	       margin-top:120px;
	       font-size: 20px;
	   }
        #container {
            position: relative;
            width: 100%;
            height: 100vh;
        }
		#map{
			height: 100vh;
			width: 100%;
		}
		.rotate-circle,.logo-text,.tmap-scale-control { display: none;}
        .map-header {
            position: absolute;
            top: 0px;
            left: 0px;
            right:0px;
            z-index: 9999;
            background-color: rgba(255, 255, 255, 1);
            padding: 5px;
        }
        .tabs {
            margin-bottom: 10px;
            font-size: 18px;
            border-bottom:1px solid #eee;
            display: flex;
        }
        .tabs a {
            width:50%;
            height: 50px;
            line-height: 50px;
            text-align: center;
        }
        .tabs .on {
            color:#07c160;
            position: relative;
        }
        .tabs .on:after{
            content:' ';
            position: absolute;
            height: 2px;
            width:100%;
            background:#07c160;
            bottom:-1px;
            left: 0;
        }
        .map-header a {
            margin-right: 10px;
            text-decoration: none;
            color: #000;
        }
        .search-container form{
            display: flex;
        }
        .search-container input{
            flex: 1;
        }
        .search-input {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }
        .search-container select {
            
            margin-left: 5px;
        }
        .search-button {
            padding: 8px 0px;
            background-color: #07c160;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-left: 5px;
            font-size: 16px;
            flex-basis: 100px;
        }
        
        
             /* 下拉样式可以自定义 */
      .select { position: relative; margin-left:5px;}
      .select-on { z-index: 99;}
      .select-inp { 
          width: 80px;
          position: relative;
      }
      .select::after {
          content: " "; /* 必需，用于创建伪元素 */
          position: absolute; /* 绝对定位，相对于input定位 */
          right: 5px; /* 箭头距离input右边的距离 */
          top: 40%; /* 垂直居中 */
          width: 0;
          height: 0;
          border-left: 5px solid transparent; /* 左边框，透明 */
          border-right: 5px solid transparent; /* 右边框，透明 */
          border-top: 5px solid #ccc; /* 上边框，灰色，形成箭头 */
        }
      .select-sub{ display: none; position: absolute; left: 0; top:40px; background: #fff; width: 100px; border: 1px solid #ccc;}
      .select-sub li { height: 35px; line-height: 35px; padding-left: 20px; border-bottom: 1px solid #eee; cursor: pointer; font-size:14px;}
      .select-sub li:hover { background: #eee;}
        
        .popup {
            position: absolute;
			z-index: 9999;
            bottom: 0;
            left: 0;
			width:100%;
			height: 70vh;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            display: none;
			font-size: 16px;
			line-height: 1.8;
			 border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            overflow: hidden;
        }
        .popbox {
            height: 100%;
             display: flex;
            flex-direction: column;
        }
        .popup .soo {
            flex-grow: 1; 
            overflow-y:auto;
        }
		.popup .litpic {max-height: 200px; overflow: hidden; padding: 0; margin-bottom: 10px;}
		.popup .litpic img {width: 100%;}
		.popup p {
			padding: 0 10px;
			margin-bottom: 10px;
		}
		.popup i{ margin-right:5px}
		.popup span{
		    display: inline-block;
		    text-align: right;
		    color:#666;
		}
		.popup .other { 
		    font-size: 14px;
		    text-align: left;
		}
		.popup .title {
		    font-size: 20px;
		    font-weight: bold;
		}
		.fd { 
		    padding:10px 0 25px; 
		    text-align:center;
		    display: flex;
		    justify-content: space-between;
		    position: fixed;
		    bottom: 0;
		    left: 0;
		    width:100%;
		    z-index: 999;
		    background: #fff;
		    border-top:1px solid #eee;
		}
		.fd a { 
		    display: block; 
		    padding: 8px 20px;
		    margin: 0 5px;
		    flex: 1;
		    background-color: #07c160; 
		    color:#fff; 
		    text-decoration: none;
		    border-radius: 20px;
		}
		.pagination{ font-size:16px; margin-top:20px;}
		.pagination li {
		    display: inline-block;
		    padding: 0 5px;
		}
		.postlist {
		    padding-top:120px;
		}
		.postlist li {
		    overflow: hidden;
		    border-bottom: 1px solid #efefef;
		}
		.postlist li a {
		    display: block;
		    padding: 10px 0;
		    overflow: hidden;
		}
		.postlist .pic {
		    overflow: hidden;
		    margin-bottom: 5px;
		}
		.postlist .pic img {
		    width: 100%;
		}
		.postlist h3 { font-size:16px;}
		
		.text {
		    font-size: 16px;
		    line-height: 2;
		}
		
		
		.menu-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 9999;
}

.menu {
    background-color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

.menu a{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

.menu-item:last-child {
    border-bottom: none;
}

.close-button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #fff;
    color: white;
    border: none;
    cursor: pointer;
    color:#f30;
    border:0;
    font-size: 16px;
}