.nowrap{white-space: nowrap;}
.hidden{display: none;}
.square{width: 20px;height: 20px;display: inline-block;}

.input-group .custom-select{height:calc(2.25rem + 9px);border-radius: 5px 0 0 5px;}

/*产品分类*/
.product-nav{width: 50px;background-color: #000;z-index: 1000;top: 65px;bottom: 0px;position: fixed;}
.product-nav .product-nav-inner{position: relative;height: calc(100vh - 65px);}
.product_sort{width:50px;height:auto;position:relative; z-index:90}
.product_sort .bd .item{height:60px;position:relative;}
.product_sort .bd hr{box-shadow: inset 0 10 10px #fff;margin:0 10px}
.product_sort .bd .item .title{width:50px;text-indent:10px;height:60px;overflow:hidden;line-height:60px;font-size:14px;font-weight:bold;color:#fff;}
.product_sort .bd .item .title a{color:#fff}
.product_sort .bd .item .line{position:absolute;right:-2px;top:0px;width:2px;height:60px;background-color:#fff;z-index:95;display:none;}
.product_sort .bd .item .subitem{display:none;}
.product_sort .bd .layer .line{display:block;}
.product_sort .bd .layer .subitem{width:731px;background:#fff;border:solid 1px #3299fd;border-left:none;font-family:"微软雅黑";position:absolute;left:51px;top:0px;z-index:99999999;min-height:60px;height:auto !important;height:60px;overflow-y:auto;padding:5px 10px 15px 10px;display:block;}
.product_sort .bd .layer .subitem .inner .tit{font-size:12px; text-align:left; border-top:1px dashed #d7d7d7;padding:5px 0;}
.product_sort .bd .layer .subitem.font-lg{padding:5px 10px;line-height: 35px}
.product_sort .bd .layer .subitem.font-lg .tit{font-size: 16px}
.product_sort .bd .layer .subitem .inner .tit:first-child{border-top:none;}
.product_sort .bd .layer .subitem .inner .tit .name{display:block;width:90px;color:#3299fd;cursor:pointer;float:left;padding-top:3px;}
.product_sort .bd .layer .subitem .inner ul{overflow:hidden;zoom:1;display:block;margin-left:90px;width: 630px;list-style: none}
.product_sort .bd .layer .subitem .inner ul li{float:left;padding:0 8px;height:25px;}
.product_sort .bd .layer .subitem .inner ul li a{color:#222;display:block;}
.product_sort .bd .layer .subitem .inner ul li a:hover{color:#3299fd;text-decoration:none;}

.product_sort .bd .layer .subitem.expand-lg{width: calc(100vw - 50px);height:calc(100vh - 65px)!important}
.product_sort .bd .layer .subitem.expand-lg .inner ul{width:calc(100vw - 301px)}

.news-area ul{list-style: none;padding:0 5px 0 0;}
.news-area ul li{line-height: 20px;font-size: 13px;border-radius: 10px;padding: 5px;background-color: #d1d6da;}
.news-area ul li a{color:#0056b3}

/*瀑布流*/
.masonry {display: flex;flex-wrap: wrap;justify-content: flex-start; /* 或者使用 space-around, space-between 等 */}
.masonry .item {flex-grow: 1;margin: 5px;box-sizing: border-box; /* 确保padding和border不增加元素的实际宽度 */}
.masonry .item img{max-width: 100%;height: 200px;}

/*监听*/
.listendiv{position: relative;}
.listenshow{position: absolute;bottom: -10px;left:0;width:100%;height:200px;overflow: auto;display: none;background: #c4d8ee;z-index: 99999999;}
.listenshow .listenitem{line-height: 30px;padding-left: 10px;}
.listenshow .listenitem:hover{cursor: pointer;color:var(--orange);}

/*报备进度*/
.progress-file{width:100%;display:flex;flex-wrap:nowrap;overflow:auto;height:250px;overflow-y:hidden}
.progress-file img,.progress-file embed,.progress-file i{height:200px}

/*配置显示*/
.product_setting {height: 50px;overflow: hidden}
.product_setting.auto {height: auto}

.breadcrumb {display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: .75rem 1rem;margin-bottom: 1rem;list-style: none;border-radius:.25rem}
.breadcrumb-item + .breadcrumb-item {padding-left:.5rem}
.breadcrumb-item + .breadcrumb-item::before {display: inline-block;padding-right: .5rem;color: #6c757d;content: "/"}
.breadcrumb-item + .breadcrumb-item:hover::before {text-decoration:underline}
.breadcrumb-item + .breadcrumb-item:hover::before {text-decoration:none}
.breadcrumb-item.active {color:#6c757d}

.filebrowse{display:flex;flex-wrap:wrap;}
.filebrowse .fileitem{width:150px;text-align:center;}
.filebrowse .fileitem .img{width:150px;height:150px;position:relative;background-size: contain;border-radius: 3px;margin-right:10px;}
.filebrowse .fileitem .img.more div{text-align: center;line-height: 150px;font-weight: 600;position: relative;z-index: 2;color:#fff}
.filebrowse .fileitem .img.more:after {content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0, 0, 0, 0.5);border-radius:3px}
.filebrowse .picitem{width:250px;text-align:center}
.filebrowse .picitem image{width:200px}
.filebrowse .picitem i{font-size:200px;color:#0056b3}

.bb-primary { border-bottom: 1px solid #6569df}
.bb-success{ border-bottom: 1px solid #24d5d8}
.bb-info{ border-bottom: 1px solid #04a1f4}
.bb-warning{ border-bottom: 1px solid #fecd2f}
.bb-danger{ border-bottom: 1px solid #fd3259}

.b-w-2{border-width:2px}