body>div.position-relative{width:100%;height:100%;overflow-y:hidden;}
#map{position:absolute;z-index:1;width:100%;height:100%;overflow:hidden;background-color:#aac6ee;}
#map .w-info{font-size:12px;padding:0;margin:0;text-align:left;}
/* 天地图调整 */
.tdt-iconLayers-layer{width:54px;height:54px;}
.tdt-control-copyright.tdt-control>div:not(.tdt-control-copyright) { display: none; }
/* UI */
#ui{position:absolute;overflow:visible;bottom:4px;width:96%;left:2%;height:auto;z-index:2;font-family:Arial,Helvetica,"PingFang SC","Hiragino Sans GB",STHeiti,sans-serif;}
#ui .wrap{background:rgba(255,255,255,0.96);border-radius:8px;position:relative;width:100%;height:auto;margin-bottom:calc(2vw);overflow:hidden;}
#ui .wrap b.bg,#ui .wrap b.bbg{position:absolute;z-index:2;top:0;left:0;width:100%;height:12px;background:linear-gradient(to bottom,rgba(255,255,255,1), rgba(255,255,255,0));}
#ui .wrap b.bbg{top:auto;bottom:0;background:linear-gradient(to top,rgba(255,255,255,1), rgba(255,255,255,0));}
/* search */
#ui .search{height:52px;}
/* #ui .search .input{position:relative;left:calc(2% + 34px);top:8px;height:36px;width:96%;line-height:36px;padding-right:34px;border:none;overflow:hidden;background:none;border-radius:4px;} */
#ui .search input{position:relative;z-index:1;left:calc(2% + 34px);top:0;height:36px;width:calc(96% - 34px);line-height:36px;height:100%;padding-left:2%;border:none;}
#ui .search input:focus{border:none;outline:none}
#ui .search .btn{position:absolute;z-index:2;top:8px;left:8px;width:34px;height:36px;background:none;border-radius:0;}
#ui .search .btn i.fa{position:absolute;color:#555;font-size:24px;left:6px;top:0px;cursor:pointer;}
#ui .search ul{position: absolute;top: 8px;right: 2px;height: 36px;line-height: 36px;padding: 0;margin: 0;z-index: 2;}
#ui .search ul li{position: relative;background: #f5f5f5;margin: 0 2px;border-radius: 6px;text-align: center;display: none;font-size: 12px;color: #777;padding: 0 8px;float: left;cursor:pointer;}
#ui .search ul li.active{display:block}
#ui .search ul li.w-type{display:block} /* 暂只支持商标 */
#ui .search ul li.w-btn-action{display:none;}
/* data */
#ui .wrap.w-data{display:none;}
#ui .wrap.w-data .w-drag{cursor:move}
#ui .wrap.w-data .w-drag-icon{position:absolute;width:10%;height:4px;border-radius:2px;top:5px;left:50%;margin-left:-5%;z-index:1;background:#cfcfcf;}
#ui .data{padding:0;left:0;position:relative;z-index:1;width:100%;border:none;max-height:calc(60vh - 52px - 58px - 2vw);overflow-y:auto;overflow-x:hidden;padding-top:12px;}
#ui .data ul{position:relative;list-style:none;margin:0;padding:10px;font-size:12px;color:#555;}
#ui .data ul.active{background:#fff;}
#ui .data ul:first-child{border-top:none}
#ui .data ul li{list-style:none;line-height:1.6em;font-size:12px;color:#555}
#ui .data ul li.w-details{position:relative;display: none;color: #555;padding: 5px;line-height: 1.4em;background: #fff;border-top: 1px solid #f0f0f0;margin-top: 2px;margin-left:55px;}
#ui .data ul.active li.w-details{display:block;}
#ui .data ul.active li.w-details p.w-more{padding:0;margin:0;}
#ui .data ul.active li.w-details a{color:#0080ff;text-decoration:none;}
#ui .data ul li.w-img{position:absolute;width:54px;height:54px;padding:2px;left:5px;top:5px;background: #fff;border:1px solid #f7f7f7;border-radius: 2px;background:#fff url("/ui/image/no.gif") no-repeat center center;background-size:contain;}
#ui .data ul li.w-img span.w-index{position:absolute;z-index:2;height:12px;line-height:12px;bottom:0;right:0;font-weight:normal;font-size:10px;border-radius:2px 0 2px 0;background:rgba(128,128,128,0.6);color:#fff;padding:0 2px;}

/* #ui .data ul.w-YBH li.w-img img{border:1px solid red} */
#ui .data ul li.w-title{position:relative;padding-left:60px;font-weight:bold;font-size:14px;}
#ui .data ul li.w-title span.w-name{color:#0080ff}
#ui .data ul li.w-title span.w-cname{position:absolute;right:0;top:0;color:#bbb;font-weight:normal;font-size:12px;}
#ui .data ul.w-YZC span.w-status{color:rgba(0,128,0,0.8);}
/* #ui .data ul.w-YZC li.w-img img{border:1px solid green} */
#ui .data ul.w-YBH span.w-status{background:rgba(255,0,0,0.8);}
#ui .data ul li.w-class{padding-left:60px;font-size:12px;color:#999;font-weight:normal}
#ui .data ul li.w-address{padding-left:60px;color:#999;}
#ui .data ul li.w-address span.w-index{position:relative;position: relative;z-index: 2;line-height: 10px;font-weight: normal;font-size: 10px;border-radius: 5px;background: rgba(150, 150, 150, 0.8);color: #fff;padding: 0 2px;top: -1px;margin-right: 3px;}
#ui .data ul.active li.w-address span.w-index{background:rgba(255,0,0,0.8)}
/* addr */
#ui .data ul[data-type=addr]>li{padding-left:8px;margin-left:8px;}
/* scroll */
.scroll {overflow: auto;scrollbar-width: thin;}
.scroll::webkit-scrollbar {width: 8px;height: 8px;}
.scroll::webkit-scrollbartrack {background-color: #f1f1f1;}
.scroll::webkit-scrollbarthumb {background-color: #888;border-radius: 4px;}
.scroll::webkit-scrollbarthumb:hover {background-color: #555;}
.scroll::webkit-scrollbarthumb:active {background-color: #333;}
/* btns */
body .w-btns{position:absolute;height:144px;top:-244px;right:16px;z-index:2;padding:0;margin:0;}
body .w-btns li{position:relative;background:rgba(255,255,255,1);width:36px;height:36px;line-height:36px;margin-top:16px;border-radius:50rem;cursor:pointer;}
body .w-btns li.w-toggle{display:none;}
body .w-btns li i.fa{position:relative;font-size:26px;left:5.2px;top:auto;bottom:2.6px;color:#555;}
body .w-btns li.active i.fa{color:#0080ff}
body .w-btns li.watch{background:#0080ff;}
body .w-btns li.watch i.fa{color:#fff;}
/* track fix */
.w-tips{width:calc(96% - 68px)!important;}