.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}

@media (min-width: 601px){.vendor-proferrional.standard{position:relative;min-height:120px}.vendor-proferrional.standard .mg-container{overflow:visible}.vendor-proferrional.standard h4{margin-top:40px;font:24px var(--font-bold);color:#191919;margin-bottom:0}.vendor-proferrional.standard .list{margin-top:30px;padding-top:25px;border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,10,30,0.1)}.vendor-proferrional.standard .list .top-tab{display:flex;flex-direction:row;padding:0 30px}.vendor-proferrional.standard .list .top-tab li{font:14px var(--font-normal);color:#7e8390;line-height:1.71;width:calc(100% / 6)}.vendor-proferrional.standard .list .top-tab li.flex-3{width:50%}.vendor-proferrional.standard .list .item{padding:20px 30px;display:flex;flex-direction:row;height:140px;align-items:center;position:relative}.vendor-proferrional.standard .list .item:hover{background-color:#f8f9fd}.vendor-proferrional.standard .list .item::before{position:absolute;content:'';width:calc(100% - 60px);height:1px;background:#ebecf1;left:30px;bottom:0}.vendor-proferrional.standard .list .item>div{width:calc(100% / 6);word-break:break-word;font:16px var(--font-normal);color:#202437;padding-right:10px}.vendor-proferrional.standard .list .item>div:first-child{width:50%}.vendor-proferrional.standard .list .item .img{width:120px;max-height:100px;object-fit:contain;margin-right:22px}.vendor-proferrional.standard .list .item h6{font:16px var(--font-bold);color:#202437;margin:0}.vendor-proferrional.standard .list .item .tags{width:100%;max-height:60px;overflow:hidden}.vendor-proferrional.standard .list .item .tags:after{display:block;content:'';clear:both}.vendor-proferrional.standard .list .item .tags span{float:left;margin-top:10px;margin-right:10px;padding:3px 5px 4px;border-radius:2px;background-color:rgba(81,86,102,0.1);font:12px var(--font-normal);color:#515666}.vendor-proferrional.standard .list .item .tags span.active{color:#fff;background-color:var(--color-theme)}.vendor-proferrional.standard .list .item .info{display:flex;flex-direction:row;align-items:center}.vendor-proferrional.standard .list .item .info h4{margin-bottom:0}.vendor-proferrional.standard .list .item .info .desc{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 144px)}}@media (max-width: 600px){.mg-container{overflow:visible}.vendor-proferrional.standard{position:relative;min-height:120px}.vendor-proferrional.standard h4{margin-top:20px;font:16px var(--font-bold);color:#202437;margin-bottom:0;line-height:1.88}.vendor-proferrional.standard .list{border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,10,30,0.1);margin-top:10px}.vendor-proferrional.standard .item{padding:15px 10px 8px 10px;position:relative}.vendor-proferrional.standard .item::after{position:absolute;content:'';width:calc(100% - 20px);left:10px;bottom:0;height:1px;background:#ebecf1}.vendor-proferrional.standard .info{display:flex;flex-direction:row;align-items:center;height:60px;margin-bottom:16px}.vendor-proferrional.standard .info .img{width:80px;max-height:60px;object-fit:contain;margin-right:10px}.vendor-proferrional.standard .info .desc{flex:1;overflow:hidden}.vendor-proferrional.standard .info .desc h6{font:14px var(--font-bold);color:#202437;margin-bottom:10px;margin-top:0}.vendor-proferrional.standard .info .desc .tag-wrap{position:relative;overflow:hidden}.vendor-proferrional.standard .info .desc .tags{white-space:nowrap;overflow:hidden;width:calc(100% - 9px)}.vendor-proferrional.standard .info .desc .tags.ellipsis::after{position:absolute;content:'...';height:100%;top:0;right:0;z-index:2;color:#515666;background-color:rgba(81,86,102,0.1)}.vendor-proferrional.standard .info .desc .tags span{font:12px var(--font-normal);color:#515666;margin-right:5px;padding:3px 5px 4px;border-radius:2px;background-color:rgba(81,86,102,0.1);font:12px var(--font-normal)}.vendor-proferrional.standard .info .desc .tags span.active{color:#fff;background-color:var(--color-theme)}.vendor-proferrional.standard .concat .concat-item{margin-bottom:8px;display:flex;flex-direction:row;align-items:center}.vendor-proferrional.standard .concat .concat-item span{font:12 var(--font-normal);color:#7e8390;line-height:2;width:80px;margin-right:10px}.vendor-proferrional.standard .concat .concat-item h6{font:14px var(--font-normal);color:#202437;flex:1;margin:0;word-break:break-word}}.line-clamp2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.line-clamp1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.hover:hover{text-decoration:underline}.pointer{cursor:pointer !important}

.md-vendor .result-container{overflow:hidden}.md-vendor.standard .vendor-search-comp{background:#f8f9fd}