/**
 * @Author: 滴兔滴  WX:d2dcms  QQ:303783021  E-mail:303783021@qq.com
 * @Date: 2025-02-17 22:34:01  
 * @LastDat: 2025-03-24 10:48:12
 * @Copyright ©2015-2024 https://www.d2dcms.com All rights reserved.
 */
.dui-main{width:calc(100% - 222px);}
.dui-side{width:200px;}
.top-show{width:100%;row-gap:13px;}
.top-show .block{width:calc(25% - 13px);}
.top-show .block>div+div{margin-top:16px;}
.top-show .com-box{width:100%;height:400px;background-color:#fff;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.05);padding:16px;position:relative;}
.top-show .com-box.half{height:192px;}
.top-show .com-box>.tit{font-size:18px;font-weight:700;height:22px;line-height:22px;margin-bottom:13px;}
.top-show .com-box>.tit>img{max-height:22px;margin-right:6px;vertical-align:top;}
.top-show .com-cate{height:400px;z-index:123;}
.top-show .com-cate>ul{margin:0 -16px}
.top-show .com-cate .item{width:100%;}
.top-show .com-cate .item>.hd{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:4px 15px;}
.top-show .com-cate .item>.hd>span{width:40px;height:40px;margin-right:14px;background:#f4f4f4;}
.top-show .com-cate .item>.hd>span>i{font-size:22px;}
.top-show .com-cate .item>.hd>span>i.icon-pictures{color:#ccc;}
.top-show .com-cate .item>.hd>strong{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-weight:500}
.top-show .com-cate .item>.hd>i{margin-left:16px;text-align:right;}
.top-show .com-cate .item>.bd{background-color:#f4f4f4;position:absolute;top:0;left:100%;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.05);min-height:400px;padding:10px;width:calc(3*100% + 50px);overflow:hidden;display:none;}
.top-show .com-cate .item>.bd dl{width:calc(20% - 40px);margin:10px 20px;}
.top-show .com-cate .item>.bd dt{width:100%;height:30px;}
.top-show .com-cate .item>.bd dt a{font-size:14px;font-weight:600;}
.top-show .com-cate .item>.bd dd{width:100%;height:20px;line-height:20px;display:inline-block;}
.top-show .com-cate .item>.bd dd a{font-size:12px;color:#767676;}
.top-show .com-cate .top-cate{padding:10px 0;}
.top-show .com-cate .top-cate li{width:25%;padding:4px 20px;}
.top-show .com-cate .item:hover>.hd{background:#f4f4f4;}
.top-show .com-cate .item:hover>.bd{display:block;}
.top-show .com-cate .dui-loading{position:absolute;top:0;right:0;bottom:0;left:0;}
.top-show .a-thumbs{}
.top-show .a-thumbs>.item{width:calc(50% - 9px);text-align:center;}
.top-show .a-thumbs .img-scale{width:100%;height:105px;border-radius:4px;margin-bottom:5px;position:relative;}
.top-show .a-thumbs .img-scale:after{content:'';background-color:rgba(0,0,0,.04);background-position:50%;background-repeat:no-repeat;background-size:cover;content:" ";height:100%;left:0;position:absolute;top:0;width:100%;}
.top-maker .a-thumbs a{height:160px;margin-bottom:16px;}
.top-maker .a-thumbs .img-scale{height:130px;margin-bottom:8px;}
.latest-inquiry{margin:0 -16px;}
.latest-inquiry .item{width:100%;}
.latest-inquiry .item a{width:100%;padding:4px 15px;}
.latest-inquiry .item a:hover{background:#f4f4f4;}
.latest-inquiry .item a>span{width:40px;height:40px;margin-right:14px;background:#f4f4f4;}
.latest-inquiry .item a>span>i{font-size:22px;}
.latest-inquiry .item a>span>i.icon-pictures{color:#ccc;}
.latest-inquiry .item a>strong{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-weight:500}
.top-show .user-main{height:268px;}
.top-show .user-info{width:100%;height:42px;}
.top-show .user-info .hd{width:40px;height:40px;margin-right:12px;background:rgb(221,221,221);border:1px solid rgb(221,221,221);}
.top-show .user-info .hd>i{font-size:24px;color:#fff;}
.top-show .user-info .bd .text{font-size:12px;}
.top-show .user-info .bd .tit{line-height:20px;font-size:16px;font-weight:700;}
.top-show .user-login{width:100%;height:42px;margin:22px 0 18px;}
.top-show .user-login .dui-btn{width:46%;background:#f60;border:0;overflow:hidden;color:#fff;border-radius:32px;}
.user-data{width:100%;height:52px;background-color:#f4f4f4;border-radius:4px;margin:18px 0 12px;position:relative;}
.user-data:after{content:'';width:1px;height:28px;background-color:#d8d8d8;position:absolute;left:50%;top:12px;}
.user-data a{width:50%;height:52px;}
.user-data .num{font-size:22px;font-weight:700;margin-right:8px;font-family:Arial;line-height:22px;}

.top-show .user-history{width:100%;height:112px;}
.top-show .user-history>.tit{font-size:16px;margin-bottom:6px}
.top-show .user-history>div{height:80px;overflow:hidden;}
.top-show .user-history .item,.top-show .user-history .img-scale{width:80px;height:80px;}
.top-show .user-operate{width:100%;height:116px;margin-top:16px;}
.top-show .user-operate .tit{text-align:center;margin-bottom:16px;font-size:12px;font-weight:600;}
.top-show .user-operate .dui-btn{width:100%;border-color:#333;font-weight:600;color:#333;border-radius:32px;overflow:hidden;}
.supplier-tab{width:100%;margin:20px 0;}
.supplier-tab>.dui-loading{margin-top:50px;}
.supplier-tab .tab-hd{width:100%;height:55px;}
.supplier-tab .main-menu{border-radius:8px;}
.supplier-tab .main-menu li{cursor:pointer;}
.supplier-tab .main-menu.affix{box-shadow:0 8px 12px 0 rgba(0,0,0,.12);position:fixed;top:73px;z-index:999;border-radius:0 0 8px 8px;}
.supplier-tab .tab-bd{width:100%;min-height:764px;padding:20px 0 0;}
.supplier-tab .tab-bd>ul{display:none;}
.supplier-tab .tab-bd>ul.show{display:block;}
.supplier-card{background-color:#fff;width:100%;padding:20px 25px;margin-bottom:20px;border-radius:8px;font-size:14px;}
.supplier-card .card-title,.supplier-card .card-content,.supplier-card .com-intro,.supplier-card .com-operate,.supplier-card .com-logo,.supplier-card .com-info .attr,.supplier-card .com-info .attr,.supplier-card .com-product{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.supplier-card .card-title,.supplier-card .card-content{-webkit-justify-content:space-between;justify-content:space-between;}
.supplier-card .card-content{margin-top:32px;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
.supplier-card .com-logo{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:56px;height:56px;border:1px solid #ddd;border-radius:4px;margin-right:12px;overflow:hidden;position:relative;}
.supplier-card .com-logo:after{background-color:rgba(0,0,0,.04);content:" ";height:100%;left:0;position:absolute;top:0;width:100%;}
.supplier-card .com-logo img{max-width:100%;max-height:100%;}
.supplier-card .com-logo i{font-size:36px;color:#999;}
.supplier-card .com-info .tit{font-size:18px;font-weight:700;line-height:20px;max-width:440px;margin-bottom:5px;}
.supplier-card .com-info .attr span:before{content:"\2022";padding:0 4px;color:#aaa;}
.supplier-card .com-info .attr img{height:14px;margin-right:5px;width:auto;}
.supplier-card .com-operate a{border-radius:32px;border-color:#333;margin-left:18px;overflow:hidden;color:#333;}
.supplier-card .com-mate{max-width:45%;}
.supplier-card .com-mate> h4{color:#222;font-weight:400;font-size:14px;margin-bottom:8px;}
.supplier-card .evaluate{margin-bottom:24px;}
.supplier-card .capability li{font-weight:700;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.supplier-card .capability li:before{content:"\2022";font-weight:300;margin-right:8px;color:#666;}
.supplier-card .com-product a{color:#666;margin-left:18px;}
.supplier-card .com-product .img-scale{width:160px;height:160px;border-radius:8px;margin-bottom:12px;overflow:hidden;position:relative;}
.supplier-card .com-product .img-scale:after{background-color:rgba(0,0,0,.04);content:" ";height:100%;left:0;position:absolute;top:0;width:100%;}
.supplier-card .com-product .price{font-size:16px;color:#333;font-weight:700;margin-bottom:4px;max-width:100%;display:block;}
.supplier-card .com-product .tit{width:160px;text-align:center;font-weight:500;}
.supplier-card .com-product a:hover .tit{color:#333;text-decoration:underline;}
.side-search{background-color:#fff;padding:16px 12px;}
.side-search>*{margin-bottom:15px;}
.side-search>.title{color:#222;font-size:18px;font-weight:700;}
.side-search>dl{padding:3px 0;}
.side-search>dl>dt{color:#222;font-size:15px;font-weight:600;line-height:22px;margin-bottom:10px;}
.side-search>dl>dd{max-height:141px;overflow-y:auto;transition:max-height .2s ease-out;}
.filter-item>a{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;padding:3px 0;}
.filter-item>a .radio-icon,.filter-item>a .checkbox-icon{display:block;background:#fff;width:16px;height:16px;line-height:16px;text-align:center;border:1px solid #ddd;flex-shrink:0;margin-right:5px;}
.filter-item>a:hover .radio-icon,.filter-item>a:hover .checkbox-icon{border-color:#222;}
.filter-item>a .radio-icon{border-radius:50%;box-shadow:none;transition:all .1s linear;}
.filter-item>a .checkbox-icon{border-radius:3px;transition:border .1s ease-in-out;}
.filter-item>a.checked .radio-icon{background:#fff;border-color:#222;position:relative;}
.filter-item>a.checked .radio-icon:after{background:#222;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .1s linear;width:10px;}
.filter-item>a.checked .checkbox-icon{background:#222;border-color:#222;position:relative;}
.filter-item>a.checked .checkbox-icon:after{border:solid #fff;border-width:0 1px 1px 0;content:"";height:8px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%) rotate(45deg);width:5px;}
.filter-item img{max-width:100%;max-height:16px;margin-right:4px;}
.filter-item .ell{line-height:18px;}
.filter-tips{color:#767676;font-size:12px;line-height:16px;margin-top:8px;}

/** buyer */
.buyer-tab .tab-bd>ul.show,.buyer-list,.buyer-card,.card-title,.card-title .com-logo,.card-title .com-mate,.card-content .desc,.card-btns{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.tab-bd>ul.show,.buyer-list,.buyer-card{-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.buyer-tab{width:100%;margin:20px 0;}
.buyer-tab>.dui-loading{margin-top:50px;}
.buyer-tab .tab-hd{width:100%;height:55px;}
.buyer-tab .main-menu{border-radius:8px;}
.buyer-tab .main-menu li{cursor:pointer;}
.buyer-tab .main-menu.affix{box-shadow:0 8px 12px 0 rgba(0,0,0,.12);position:fixed;top:73px;z-index:999;border-radius:0 0 8px 8px;}
.buyer-tab .tab-bd{width:100%;min-height:764px;padding:20px 0 0;}
.buyer-tab .tab-bd>ul{display:none;}
.buyer-tab .tab-bd>ul.show{grid-gap:25px;}
.buyer-card{background-color:#fff;width:calc(50% - 11px);margin:0 0 22px;padding:22px;border-radius:8px;font-size:14px;}
.buyer-card .card-title{width:100%;}
.buyer-card .com-logo{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:56px;height:56px;border:1px solid #ddd;border-radius:4px;margin-right:12px;overflow:hidden;position:relative;}
.buyer-card .com-logo:after{background-color:rgba(0,0,0,.04);content:" ";height:100%;left:0;position:absolute;top:0;width:100%;}
.buyer-card .com-logo img{max-width:100%;max-height:100%;}
.buyer-card .com-logo i{font-size:36px;color:#999;}
.buyer-card .com-info .tit{font-size:18px;font-weight:700;line-height:20px;max-width:440px;margin-bottom:5px;}
.buyer-card .com-mate span:before{content:"\2022";padding:0 4px;color:#aaa;}
.buyer-card .com-mate img{height:14px;margin-right:5px;width:auto;}
.buyer-card .card-content{width:100%;padding:20px 0;}
.buyer-card .card-content>h4,.buyer-card .card-assess>h4{color:#222;font-weight:600;font-size:14px;margin-bottom:4px;}
.buyer-card .card-content>.desc{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;height:44px;line-height:22px;}
.buyer-card .card-content>.desc>*{margin:0 8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.buyer-card .card-content>.desc>*:before{content:"\2022";font-weight:300;margin-right:8px;color:#666;}
.buyer-card .card-btns{padding:6px 0 0;}
.buyer-card .card-btns a{border-radius:32px;border-color:#333;margin-left:18px;overflow:hidden;color:#333;}