﻿.ybsy-body{margin:0px !important;}
.ybsy-datainfo{display:flex; flex-direction:column; gap:30px; flex:1;}

.datainfo-nav{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;align-items:center; gap:10px;}
.datainfo-nav ul{display:inline-flex; gap:50px;}
.datainfo-nav ul li{display:inline-block; }
.datainfo-nav ul li a{font-size:20px; font-weight:500; color:#999999; display:inline-block; padding-bottom:2px; }
.datainfo-nav ul li.active a{border-bottom:3px solid #145cfa; color:#333;}

.datainfo-search{display:flex; flex:1; padding:0px 100px; align-items:center; gap:20px;}
.datainfo-search .form-control{font-size:16px; flex:1; border:none; background: #f9f9f9; }
.datainfo-search a{display:inline-block;padding:6px 16px; min-width:80px;}
.datainfo-search>a:nth-child(3){ border:1px solid #333; background:#fff; color:#333;border-radius:20px;}
.datainfo-search>a:nth-child(2){ background:#145cfa; color:#fff; border-radius:20px;}

.datainfo-search-address{display:flex; gap:10px; align-items:center; background: #f9f9f9;padding: 0px 20px;border-radius: 20px; flex:1;}
.datainfo-search-address span{cursor:pointer; min-width:55px; display:inline-block; text-align:center;}

.datainfo-order{display:flex; align-items:center; gap:20px;}
.datainfo-order span{font-size:16px; color:#333;}
.datainfo-order a{font-size:16px; color:#333;}
.datainfo-order a.active{color:#145cfa;}
.datainfo-order span:nth-child(2) a{color:#145cfa !important;}

.search-address{display:flex; flex-direction:row; flex-wrap:wrap; gap:10px;}
#address-list{display:flex; padding:20px 40px; flex-wrap:wrap; gap:20px;}
.address-block{display:inline-block; padding:6px 10px; background:#fafafa; color:#333; font-size:16px; width:68px; text-align:center; cursor:pointer;}

.datainfo-panel{display:flex; flex:1; gap:10px;}
.datainfo-block{display:none !important; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; gap:40px; flex:1;}

.industry-list{display:flex; flex-direction:column; width:210px; gap:20px;}
.industry-list label{font-weight:400; font-size:16px; color:#145cfa;}
.industry-list label i{color:#145cfa;}
.industry-list ul{width:100%; list-style:none;}
.industry-list ul li{width:100%; padding:10px 20px; display:inline-flex; justify-content:space-between; align-items:center;}
.industry-list ul li:hover{background:#edf0fb; cursor:pointer;}
.industry-list ul li.active{background:#edf0fb;}
.industry-list ul li.active span:nth-child(1){color:#145cfa;}
.industry-list ul li:hover span:nth-child(1){color:#145cfa;}
.industry-list ul li span{font-size:16px;}
.industry-list ul li span:nth-child(2){color:#999999;}

.datainfo-list{display:flex; flex-wrap:wrap; flex-direction:column; flex:1; align-content:space-between;}
.datainfo-data{display:flex; flex-wrap:wrap; flex-direction:row; gap:5px; flex:1; align-content:flex-start; width:100%;}
.datainfo-block.active{display:flex !important;}

.datainfo-item{border-radius:4px; box-shadow:0px 0px 10px #f1f1f1; padding:20px; display:flex; flex-direction:column; flex-wrap:wrap; gap:15px;width:32.9%; min-height:264px;}
.datainfo-item>label{font-size:20px; font-weight:500; color:#333;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%;}
.data-block{display:flex; flex-direction:row; align-items:center; gap:10px; }
.data-block span {display:inline-block; padding:4px 10px; font-size:12px; border-radius:20px;}

.data-block span:nth-child(1){background:#edf0fb; color:#145cfa;}
.data-block span:nth-child(2){background:#F8F2FF; color:#8B2FFB;}
.data-block span:nth-child(3){background:#FFF5D3; color:#FBB32B;}

.data-remark{height:58px; width:100%; font-size:12px; white-space:pre-wrap; text-overflow:ellipsis; overflow:hidden; color:#999999;}

.data-count {padding-bottom:10px; border-bottom:1px solid #f1f1f1;}
.data-count span{font-size:12px; color:#999999;}
.data-count span:nth-child(3){ float:right;}

.data-footer{display:flex; flex-direction:row; justify-content:space-between;}
.data-footer span{color:#999999; font-size:12px;}
.data-footer a{font-size:12px;}

.data-filter{display:none; position:absolute;z-index :9999999; height:calc(100vh - 110px); width:600px; padding:50px; right:0px; background:#fff; align-items:center; }
.filter-datainfo-item{display:flex; flex-direction:row; margin-bottom:50px; gap:40px; align-items:center; }
.filter-datainfo-item label{margin-right:20px; font-size:16px; font-weight:400; color:#333;}
.filter-datainfo-item span{font-size:16px; color:#333; display:inline-block; padding:2px 6px; border-radius:4px;}
.filter-datainfo-item span:hover{color:#145cfa; background:#edf0fb; cursor:pointer;}
.filter-datainfo-item span.active{color:#145cfa; background:#edf0fb;}
.filter-datainfo-item .form-control{width:140px !important;}
.filter-datainfo-btn{bottom:100px; display:flex; gap:50px;}
.data-filter-modal{background:black; opacity:0.4; position:absolute; z-index:9999998; display:none; width: 100%;height:calc(100vh - 90px);  margin: -20px -20px;}

.require-data{display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; flex:1; align-content:flex-start;}
.require-item{display:flex; flex-direction:column; gap:10px; width:33%; box-shadow:0px 0px 10px rgba(190, 190, 190, 0.32); border-radius:5px;}
.require-item-block{display:flex; justify-content:space-between;}
.require-item-block>div{padding:10px 10px; display:flex; align-items:center; gap:20px;}
.require-item-block>div>span{font-size:24px; color:#333; font-weight:500; max-width:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor:pointer;}
.require-item-block>span{display:inline-block; padding:4px 8px; background:#e9f6f1; color:#549371; font-size:12px; height:30px; border-bottom-left-radius:4px;}
.require-item-remark{padding:0px 20px; font-size:14px; color:#333; height:70px;}
.require-item-scene{font-size:12px; color:#999999; padding:0px 20px; white-space:nowrap; text-overflow:ellipsis;}
.require-item-footer{display:flex; justify-content:space-between; align-items:center; padding:20px 20px;}
.require-item-footer>div{display:flex; align-items:center; gap:20px;}
.require-item-footer label{font-size:24px; color:#eb5647;}
.require-item-footer span{font-size:12px; color:#999999;}

#marker>div:last-child{display:flex; width:100%;}