.vendor-banner-comp{height:410px;width:100%;overflow:hidden;position:relative}.vendor-banner-comp .site-img{height:100%;width:100%;object-fit:cover;filter:brightness(0.7)}.vendor-banner-comp .mg-container{position:absolute;left:50%;top:0;height:100%;transform:translateX(-50%)}@media (max-width: 1080px){.vendor-banner-comp .mg-container{transform:translateX(calc(-50% - 40px))}}@media (max-width: 840px){.vendor-banner-comp .mg-container{transform:translateX(-50%)}}@media (max-width: 800px){.vendor-banner-comp .mg-container{transform:translateX(calc(-50% - 20px))}}@media (max-width: 610px){.vendor-banner-comp .mg-container{transform:translateX(-50%)}}.vendor-banner-comp .description{margin-top:96px;padding:30px 30px 25px;background:transparent;max-height:274px;overflow:auto}.vendor-banner-comp .description .title{margin:0 0 25px;line-height:29px;font:24px var(--font-bold);color:#fff}.vendor-banner-comp .description .desc p{font:14px var(--font-normal);color:#fff}@media (max-width: 600px){.vendor-banner-comp .mg-container{left:0;top:0;height:100%;transform:unset}.vendor-banner-comp .description{margin-top:60px;max-height:290px;padding:20px 15px;overflow:auto}.vendor-banner-comp .description .title{margin-bottom:12px;margin-top:0;font:24px var(--font-bold);color:#fff}.vendor-banner-comp .description .desc{font:14px var(--font-normal);color:#fff;line-height:1.71}}

.vendor-tab-comp{display:inline-block;flex-direction:row;align-items:center}.vendor-tab-comp li{margin:0 30px;font:14px var(--font-normal);padding:10px 0;line-height:17px;float:left;color:#a8a8a8;cursor:pointer}.vendor-tab-comp li.active{color:#202437;font-family:var(--font-bold);border-bottom:3px solid var(--color-theme)}.vendor-tab-comp li:last-child{margin-left:0}@media (max-width: 600px){.vendor-tab-comp li{margin-left:0;padding:10px 0}}

.vendor-input-comp{position:relative;height:100%}.vendor-input-comp .icon-search-bold{font-size:18px;position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#505050;cursor:pointer}.vendor-input-comp>span{font-size:14px;font-family:var(--font-normal);color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.vendor-input-comp input{width:100%;height:100%;line-height:100%;outline:unset;padding:0 12px 0 42px;border:solid 1px #e3e3e3;box-shadow:unset;font-family:var(--font-bold);color:#191919;caret-color:var(--color-theme)}.vendor-input-comp .options{max-width:100%;width:100%;position:absolute;bottom:0;left:0;transform:translateY(calc(100% + 2px));max-height:200px;box-shadow:0 2px 5px 0 rgba(0,10,30,0.1);border:solid 1px #ebecf1;z-index:10;overflow-x:hidden;overflow-y:auto}.vendor-input-comp .options li{height:40px;line-height:40px;font-family:var(--font-normal);font-size:14px;color:#191919;background-color:#fff;padding:0 10px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.vendor-input-comp .options li:not(.selected):hover{background-color:#f6f7fb}.vendor-input-comp .options li.selected{color:var(--color-theme)}.vendor-input-comp.focus ::-webkit-input-placeholder{font-size:14px;font-family:var(--font-normal);color:rgba(0,0,0,0.1)}.vendor-input-comp ::-webkit-input-placeholder{font-size:14px;font-family:var(--font-normal);color:#c6c8d1}

.vendor-search-comp{background:#f0f0f0}.vendor-search-comp.pc{height:80px;padding:15px 0}.vendor-search-comp.pc .mg-container{display:flex;flex-direction:row;height:50px;align-items:center}.vendor-search-comp.pc .mg-container .vendor-input-comp{flex:1}.vendor-search-comp.mobile .search{height:60px;padding:12px 0}.vendor-search-comp.mobile .tab-wrap{padding:0 20px;height:40px;background:#fff}

@media (min-width: 601px){.vendor-general-base{position:relative;margin-top:32px;border:solid 1px #d5d5d5;background-color:#ffffff;padding:0 20px 40px}.vendor-general-base .general-wrapper{display:flex;flex-direction:row}.vendor-general-base .col{width:33.3%}.vendor-general-base .col .title{padding-top:24px;font:14px var(--font-normal);color:#a8a8a8}.vendor-general-base .col p{font:16px var(--font-normal);color:#191919;margin-bottom:12px}.vendor-general-base .col p:first-child:not(.title){padding-top:24px}.vendor-general-base .col p:last-child{margin-bottom:0}.vendor-general-base .col p:not(.title){cursor:pointer}.vendor-general-base .col p:not(.title):hover{color:var(--color-hover);text-decoration:underline}}@media (max-width: 600px){.vendor-general-base{margin-top:-15px;display:block;overflow:hidden !important;position:relative}.vendor-general-base ::-webkit-scrollbar{width:0px;height:0px;background-color:red}.vendor-general-base .general-wrapper{overflow-y:auto;overflow-x:hidden;width:100%;height:100%}.vendor-general-base .col{width:100%;overflow:hidden}.vendor-general-base .title{font:14px var(--font-normal);color:#a8a8a8}.vendor-general-base p{font:16px var(--font-normal);color:#191919}.vendor-general-base p:not(.title){margin-top:13px}.vendor-general-base p.title{margin-top:35px}.vendor-general-base p:not(.title){cursor:pointer}.vendor-general-base p:not(.title):hover{color:var(--color-hover);text-decoration:underline}.vendor-general-base .anchor{position:absolute;right:0;top:50%;transform:translateY(-50%)}.vendor-general-base .anchor li{font:12px var(--font-normal);line-height:14px;margin-bottom:3px;color:#191919;padding:0 10px;margin-right:-10px;z-index:10;text-align:center}}

.empty-comp{height:100px;padding:30px 10px;text-align:center;font:14px var(--font-normal);box-sizing:content-box}.empty-comp .iconfont{margin-bottom:15px;font-size:50px}

.vendor-proferrional.template1{position:relative;min-height:120px}.vendor-proferrional.template1 h4{margin-top:40px;font:24px var(--font-bold);color:#191919;margin-bottom:0}.vendor-proferrional.template1 .item{padding:35px 20px 15px 20px;border:solid 1px #d5d5d5;display:flex;flex-direction:column;margin-top:24px}.vendor-proferrional.template1 .item:hover{background-color:#f2f2f2}.vendor-proferrional.template1 .item .info{display:flex;flex-direction:row;padding-bottom:29px;overflow:hidden}.vendor-proferrional.template1 .item .info .left{width:120px;margin-right:23px;flex-shrink:0}.vendor-proferrional.template1 .item .info .left .img{width:100%;object-fit:contain}.vendor-proferrional.template1 .item .info .right{flex:1;overflow:hidden}.vendor-proferrional.template1 .item .info .right span{font:14px var(--font-normal);color:#a8a8a8}.vendor-proferrional.template1 .item .info .right h5{margin-top:6px;margin-bottom:18px;font:18px var(--font-bold);color:#23282b;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-proferrional.template1 .item .info .right h6{margin-top:8px;margin-bottom:0;font:16px var(--font-normal);color:#23282b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-proferrional.template1 .item .info .concat{display:flex;flex-direction:row}.vendor-proferrional.template1 .item .info .concat .concat-item{min-width:160px;max-width:33.3%;padding-right:10px}.vendor-proferrional.template1 .tags{border-top:1px solid #e6e6e6}.vendor-proferrional.template1 .tags:before{display:block;content:'';clear:both}.vendor-proferrional.template1 .tags li{float:left;margin:15px 15px 0 0;padding:3px 5px;background-color:#b2b2b2;border-radius:2px;color:#fff}.vendor-proferrional.template1 .tags li.active{background-color:var(--color-theme)}@media (max-width: 600px){.vendor-proferrional.template1{position:relative;min-height:120px}.vendor-proferrional.template1 h4{margin-top:18px;line-height:19px;font:16px var(--font-bold);color:#191919}.vendor-proferrional.template1 .item{margin-top:20px;padding:20px;border:solid 1px #d5d5d5}.vendor-proferrional.template1 .company-info{display:flex;flex-direction:row;margin-bottom:15px;height:50px}.vendor-proferrional.template1 .company-info .img{width:80px;max-height:50px;object-fit:contain;margin-right:15px}.vendor-proferrional.template1 .company-info .info{display:block;flex:1;padding-top:6px;border-bottom:0}.vendor-proferrional.template1 .company-info .info span{font:12px var(--font-normal);color:#a8a8a8}.vendor-proferrional.template1 .company-info .info h5{font:16px var(--font-bold);color:#23282b;line-height:19px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-proferrional.template1 .concat-item{margin-bottom:15px}.vendor-proferrional.template1 .concat-item span{font:12px var(--font-normal);line-height:14px;color:#a8a8a8}.vendor-proferrional.template1 .concat-item h6{margin-top:5px;margin-bottom:0;font:14px var(--font-normal);color:#23282b;line-height:17px}.vendor-proferrional.template1 .tags{padding-top:10px}.vendor-proferrional.template1 .tags:before{display:block;content:'';clear:both}.vendor-proferrional.template1 .tags li{float:left;margin:10px 5px 0 0;padding:3px 5px;background-color:#b2b2b2;border-radius:2px;color:#fff}.vendor-proferrional.template1 .tags li.active{background-color:var(--color-theme)}}.pointer{cursor:pointer !important}.hover:hover{text-decoration:underline}

.md-vendor .result-container{overflow:hidden}