.attrModule{height:100vh;overflow-y:auto;padding:30px 0 60px;position:sticky;top:0}.attrModule::-webkit-scrollbar{width:6px}.attrModule::-webkit-scrollbar-thumb{background-color:#e9e9e9;border-radius:6px}.attrModule .filter{background:#fff;padding:0 10px;position:relative}.attrModule .filter .add{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.attrModule .filter .add b{color:#333;font-size:18px;font-weight:400}.attrModule .filter .add p{color:#4066b8;cursor:pointer}.attrModule .filter .add p:hover{text-decoration:underline}.attrModule .filter .btnBox{display:flex}.attrModule .filter .btnBox .btn{font-size:13px;letter-spacing:.5px;margin:0 2px 10px;padding:10px 15px;width:100%}.attrModule .filter .filterBox{background:#fff;box-shadow:0 2px 6px 1px #00000029;height:226px;left:0;overflow-y:auto;position:absolute;top:20px;width:100%;z-index:100}.attrModule .filter .filterBox::-webkit-scrollbar{width:6px}.attrModule .filter .filterBox::-webkit-scrollbar-thumb{background-color:#e9e9e9;border-radius:6px}.attrModule .filter .filterBox p{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:5px 10px}.attrModule .filter .filterBox p:hover{background-color:#9999991a}.attrModule .filter .filterBox p .iconfont{color:#0fbc5e;font-size:13px}.attrModule>ul{border-bottom:1px solid #d4d4d4}.attrModule>ul>li .titleBox .title{align-items:center;border-top:1px solid #d4d4d4;cursor:pointer;display:flex;justify-content:space-between;padding:12px 10px}.attrModule>ul>li .titleBox .title b{color:#333;font-size:13px;font-weight:400}.attrModule>ul>li .titleBox .title .iconfont{color:#999;font-size:12px;transform:rotate(0);transition:all .2s}.attrModule>ul>li .titleBox .title .iconfont.active{transform:rotate(180deg)}.attrModule>ul>li .titleBox .selected{display:flex;flex-wrap:wrap;padding:0 10px}.attrModule>ul>li .titleBox .selected li{align-items:center;background-color:#cccccc4d;display:flex;font-size:12px;margin:0 5px 5px 0;padding:5px 8px}.attrModule>ul>li .titleBox .selected li .iconfont{cursor:pointer;font-size:10px;margin-left:6px}.attrModule>ul>li .list{background-color:#fafafa;border-top:1px solid #d4d4d4;max-height:300px;overflow-y:auto;padding-left:10px}.attrModule>ul>li .list::-webkit-scrollbar{width:6px}.attrModule>ul>li .list::-webkit-scrollbar-thumb{background-color:#e9e9e9;border-radius:6px}.attrModule>ul>li .list .checkbox{margin:16px 0}.attrModule>ul>li .reset{color:#4066b8;cursor:pointer;display:inline-block;font-size:13px;margin:10px}.attrModule>ul>li .reset:hover{text-decoration:underline}.showcase>ul{display:flex;flex-wrap:wrap}.showcase>ul>li{border-radius:4px;height:260px;width:25%}.showcase>ul>li:hover>div{z-index:2}.showcase>ul>li:hover>div .hoverBox{display:block}.showcase>ul>li>div{align-items:center;background-color:#fff;border:1px solid hsla(0,0%,83%,.3);display:flex;flex-direction:column;padding:20px 12px;position:relative;z-index:1}.showcase>ul>li>div:hover{border-radius:4px;box-shadow:0 0 7px 1px #00000026}.showcase>ul>li>div .img{margin:20px 0}.showcase>ul>li>div .info{width:100%}.showcase>ul>li>div .info a{color:#333;margin-bottom:8px}.showcase>ul>li>div .info a:hover{text-decoration:underline}.showcase>ul>li>div .info p{color:#666;margin-bottom:8px}.showcase>ul>li>div .info span{color:#999;font-size:12px;height:28px;margin-bottom:8px}.showcase>ul>li>div .stock{align-items:center;display:flex;justify-content:space-between;width:100%}.showcase>ul>li>div .stock p{color:#ff6221}.showcase>ul>li>div .stock span{color:#666}.showcase>ul>li>div .stock span i{color:#ff0019;margin-left:6px}.showcase>ul>li>div .hoverBox{background-color:#fff;border-top:1px solid #d4d4d4;display:none;margin-top:16px;width:100%}.showcase>ul>li>div .hoverBox>ul{padding-top:16px}.showcase>ul>li>div .hoverBox>ul li{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.showcase>ul>li>div .hoverBox .desc{font-size:12px;line-height:20px;margin-bottom:10px;padding-top:16px}.showcase>ul>li>div .hoverBox>div{display:flex;justify-content:space-between}.showcase>ul>li>div .hoverBox>div input{border:1px solid #e9e9e9;border-radius:2px;height:36px;opacity:1;padding-left:10px;width:126px}.showcase>ul>li>div .hoverBox>div .btn{height:36px;margin:0;width:90px}.table{flex:1;width:100%}.table table{min-width:100%}.table table thead tr th{background-color:#fff;box-shadow:inset 0 0 #d4d4d4,inset 0 0 #d4d4d4,inset 0 -1px #d4d4d4;font-size:12px;font-weight:700;padding:30px 10px 12px;position:sticky;top:-1px;white-space:nowrap;z-index:5}.table table thead tr .productBox{box-shadow:inset 0 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;left:0;z-index:7}.table table tbody tr:hover{background-color:#cccccc1a}.table table tbody tr .productBox{background-color:#fff;box-shadow:inset 0 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 0 #d4d4d4;left:0;position:sticky;z-index:6}.table table tbody tr td{border-bottom:1px solid #e9e9e9;font-size:12px;padding:8px 10px;width:200px}.table table tbody tr td .product{align-items:center;display:flex;width:220px}.table table tbody tr td .product .img{height:40px;margin-right:10px;width:40px}.table table tbody tr td .product .info{display:flex;flex:1;flex-direction:column;height:55px;justify-content:center}.table table tbody tr td .product .info a{color:#333;font-size:14px;margin-bottom:5px}.table table tbody tr td .product .info a:hover{text-decoration:underline}.table table tbody tr td .product .info p{color:#666;width:unset}.table table tbody tr td .product .info p.desc{color:#999}.table table tbody tr td .product .info div{align-items:center;cursor:pointer;display:flex}.table table tbody tr td .product .info div:hover{color:#4066b8}.table table tbody tr td .product .info div .iconfont{font-size:13px;margin-right:6px}.table table tbody tr td .tag{background-color:#ff6221;border-radius:2px;color:#fff;font-size:10px;padding:3px 4px}.table table tbody tr td .pdf{display:inline-block;width:80px}.table table tbody tr td .pdf:hover{text-decoration:underline}.table table tbody tr td .pdf .iconfont{font-size:18px}.table table tbody tr td .pdf .iconfont.active{color:#c80000}.table table tbody tr td .price li{display:flex;justify-content:center;margin-bottom:3px}.table table tbody tr td .price li span{display:inline-block;margin-right:10px;text-align:right}.table table tbody tr td .price li span:first-child{width:30px}.table table tbody tr td .price a{color:#4066b8}.table table tbody tr td .price a:hover{text-decoration:underline}.table table tbody tr td .quantity input{border:1px solid #e9e9e9;border-radius:2px;height:24px;margin-bottom:6px;text-align:center;width:80px}.table table tbody tr td .quantity button{background:#4066b8;border-radius:2px;color:#fff;font-family:unset;height:24px;width:80px}.table table tbody tr td .quantity button.warning{background:#ff6221}.table table tbody tr td .ecsd{height:25px}.table table tbody tr td .rohs{font-size:25px}.table table tbody tr td .rohs.active{color:#0fbc5e}.table table tbody tr td>p{width:100px;word-break:break-all}