@charset "utf-8";
/*重置默认样式*/
* { margin: 0; padding: 0; }
body { font-family: Open Sans, Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei"; font-size: 14px; background: #f5f5f5; --color-white: #ffffff; --color-black: #000000; --color-red-1000: #d41313; --color-red-1001: #c80202; --color-red-1002: #e60000; --color-red-1003: #e90100; --color-green-1000: #008312; --color-neutral-333: #333333; --color-gray-1000: #dcdee3; }
ul li { list-style: none; }
a { color: var(--color-neutral-333); text-decoration: none; }
a:hover { color: var(--color-red-1000); }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #DDDDDD; }
input:-ms-input-placeholder, textarea::-ms-input-placeholder { color: #DDDDDD; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #DDDDDD; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #DDDDDD; }
.fl-clr { zoom: 1; }
.fl-clr:after { display: block; clear: both; height: 0; content: ''; }
.wrapper { width: 1500px; margin: auto; }
.icon { display: inline-block; position: relative; }
.flex { display: flex; }
.font-normal { font-weight: 400; }
.font-bold { font-weight: 700; }
.object-cover { object-fit: cover; }
.invisible { visibility: hidden; }
.relative { position: relative; }
.absolute { position: absolute; }
.truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.line-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-count, 2); }
.hover\:underline:hover { text-decoration: underline; }
.font-ms-yahei { font-family: 'Microsoft YaHei'; }
.text-neutral-333 { color: var(--color-neutral-333); }
.text-red-1000 { color: var(--color-red-1000); }
.pulse, .pulse-box img {transform: scale(1); transition: all .3s ease; }
.pulse:hover, .pulse-box:hover img {transform: scale(1.2); }
.icon-location { display: inline-block; width: 14px; height: 16px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon_location.png') no-repeat center 0; }
.icon-business { display: inline-block; width: 14px; height: 16px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon_business.png') no-repeat 0 0; }
.icon-arrow-down2 { width: 10px; height: 5px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon_arrow_down_2.png') no-repeat 0 0; vertical-align: 1px; }
.icon-post { width: 20px; height: 20px; background: url('https://res.goldsupplier.com/img/env2/common/icon_post_2.png') no-repeat 0 0; }
.icon-service-sm { width: 27px; height: 22px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon_service_sm.png') no-repeat 0 0; }
.icon-website-sm { width: 23px; height: 22px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon_website_sm.png') no-repeat 0 0; }
.icon-inquiry-sm { width: 23px; height: 22px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon_inquiry_sm.png') no-repeat 0 0; }
.badge { display: inline-block; height: 15px; padding: 0 4px; font-size: 12px; line-height: 15px; color: var(--color-white); border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background-color: var(--color-red-1002); }
.btn { font-size: 16px; line-height: 28px; padding: 4px 10px; text-align: center; border-radius: 19px; border: 1px solid transparent; }
.btn-danger { color: var(--color-white); background-color: var(--color-red-1000); }
.btn-danger:hover { color: var(--color-white); background-color: var(--color-red-1001); }
.btn-outline { color: var(--color-neutral-333); border-color: var(--color-gray-1000); }
.btn-status-danger { color: var(--color-red-1000); border-color: var(--color-red-1000); }
.btn-outline:hover { color: var(--color-white); border-color: var(--color-red-1000); background-color: var(--color-red-1000); }
@keyframes shakeX { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(10px); } }
@keyframes shakeLeft { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-2px); } }
@keyframes shakeRight { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(2px); } }
.yearMember { height: 14px; position: relative; display: inline-block; }
.yearMember .icon-yearmember { position: absolute; top: -1px; width: 17px; height: 17px; background: url('https://res.goldsupplier.com/img/env2/main/search_v2/icon-yearmember.png'); z-index: 1; }
.yearMember span { display: block; height: 12px; color: #ff6c00; line-height: 12px; text-align: center; border-radius: 8px; background: #ffeac9; padding: 0 7px 0 16px; border: 1px solid #ffaa27; position: relative; }
.yearMember font { font-size: 10px; }
.swiper-btn-prev, .swiper-btn-next { position: absolute; display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); z-index: 3; cursor: pointer; visibility: hidden; }
.swiper-btn-prev:hover, .swiper-btn-next:hover { background-color: rgba(0, 0, 0, 0.6); }
.swiper-btn-prev { left: 10px; }
.swiper-btn-next { right: 10px; }

/*header*/
.header { width: 100%; min-width: max-content; min-width: -moz-max-content; height: 34px; font-size: 12px; border-bottom: 1px solid #ddd; }
.header-left { width: 600px; float: left; line-height: 34px; color: #666666; }
.header-left a { color: #1570CC; margin: 0 5px; }
.header-left a:hover { color: #216CC9; }
.header-right { min-width: 350px; float: right; }
.header-right li { float: left; position: relative; }
.header-right>li:after { width: 1px; height: 10px; display: inline-block; content: ''; background: #C1C1C1; }
.header-right>li:last-child:after { width: 0; }
/*卖家服务*/
.header-right li>ul { position: absolute; border: 1px solid #DCDCDC; background: #fff; z-index: 1; width: 158px; padding: 10px 0; border-radius: 3px; right: -9px; z-index: 3; display: none; }
/*For Buyers*/
.header-right li>ul.buyer { width: 187px; }
/*help*/
.header-right li>ul.help { width: 130px; }
.header-right li>ul.english { width: 85px; }
.header-right li>ul li { min-width: 80%; margin-left: 10px; }
.header-right li>ul:before { content: ''; width: 14px; height: 9px; display: block; background: url(https://res.goldsupplier.com/img/env2/supplier/index/arrow_03.png) no-repeat; position: absolute; top: -9px; right: 20px; }
.header-right li>.hide { display: none; }
.header-right li:hover ul { display: block; }
.header-right li>ul li a:hover { font-weight: bold; }
.header-right :is(a, .current-lang) { padding: 0 12px; height: 34px; line-height: 34px; display: inline-block; color: #666666; }
.header-right .english li { min-width: 85px; }
.header-right .english li.hide { display: none; }
.header-right li > .current-lang:before { content: ''; display: inline-block; width: 14px; height: 14px; background: url('https://res.goldsupplier.com/img/env2/main/icon_earth.png') no-repeat 0 0; vertical-align: -2px; }
.header-right li > .current-lang:hover { color: #e60000; }
.header-right li > .current-lang:hover:before { background-position: 0 -20px; }
.header-right li > .current-lang:hover .icon-arrow-down { background-position: 0 -10px; }
.header-right li > .current-lang + ul.english { width: 148px; white-space: nowrap; }
.header-right li > .current-lang + ul li a:hover { color: #e60000; font-weight: normal; }
/*.header-right a:hover{ font-weight: bold; }*/
.icon-arrow-down { width: 8px; height: 5px; background: url('https://res.goldsupplier.com/img/env2/main/icon_arrow_down.png') no-repeat 0 0; top: -2px; }
/*logo*/
.logobar { background: #fff; padding-bottom: 24px; width: 100%; min-width: max-content; min-width: -moz-max-content; height: 97px; margin-bottom: 24px; }
.logo { float: left; }
.logo img { margin-top: 39px; margin-right: 18px; }
/*搜索*/
.search { width: 920px; float: left; margin-top: 20px; position: relative; }
.search li { float: left; }
.search-menu a { color: #666666; margin-left: 17px; position: relative; bottom: -1px; padding-bottom: 10px; }
.search-menu a.current { color: #E80100; font-weight: bold; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/search-arrow_03.png') no-repeat center bottom; display: inline-block; }
.search input { width: 808px; height: 40px; border: 1px solid #e80100; color: #656565; padding: 0 15px; outline: none; }
.btn-search { width: 80px; height: 42px; display: inline-block; background: #D41313 url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-search.png') no-repeat center center; }
/*搜索历史 or 搜索推荐*/
.record { width: 887px; border: 1px solid #E4E4E4; background: #fff; padding: 15px 0; position: absolute; top: 70px; z-index: 17; }
.record .title { color: #999999; margin-left: 15px; margin-bottom: 15px; display: block; }
.search .record-list li { float: none; line-height: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0 15px; }
.search .record-list li:hover { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f5f5f5; }
.record li span { width: 812px; display: block; cursor: pointer; }
.record .btn-delete { float: right; color: #666; display: none; cursor: pointer; }
.record .btn-clear { float: right; color: #D21215; cursor: pointer; padding: 15px 15px 0 0; }
/*search-right*/
.search-right { float: right; margin: 50px 12px 0 36px; }
.search-right i { float: left; }
.search-right div { float: left; }
.search-right div span { display: inline-block; }
.search-right div .name { width: 50px; height: 20px; text-overflow: ellipsis; overflow: hidden; }
.search-right .user div div { margin-top: 5px; }
.user { width: 95px; height: 50px; position: relative; }
.icon-user { width: 26px; height: 28px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-user.png'); margin-right: 9px; margin-top: 6px; }
.user .icon-arrow-down { margin-top: 32px; }
.user-container { width: 200px; padding: 23px 23px 16px; background: #fff; border: 1px solid #DDDDDD; border-radius: 3px; position: absolute; top: 44px; transform: translateX(-100px); display: none; z-index: 16; }
.user-my { font-size: 18px; color: #333; }
.btn-sign, .btn-post, .btn-send { height: 35px; display: block; background: #E70105; text-align: center; line-height: 35px; color: #fff; border-radius: 3px; margin: 10px 0; cursor: pointer; }
.search-right div .user-join { font-size: 12px; border-bottom: 1px solid #E9E9E9; display: block; padding-bottom: 10px; }
.user-join a { color: #E60004; }
.user-join a:hover { color: #c80100; }
.user-container ul { padding-top: 10px; }
.user-container li a { color: #656565; line-height: 24px; }
.search-right div .user-submit { font-size: 12px; border-top: 1px solid #E9E9E9; display: block; margin-top: 10px; padding-top: 10px; line-height: 20px; cursor: pointer; }
.user:hover .user-container { display: block; }
.cart { width: 86px; height: 50px; position: relative; }
.tip { position: relative; }
.number { width: 25px; height: 20px; display: inline-block; background: #e90200; color: #fff; text-align: center; border-radius: 20px; position: absolute; right: -6px; z-index: 2; border: 2px solid #fff; }
.icon-cart { width: 34px; height: 30px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-cart.png'); margin-right: 9px; margin-top: 6px; }
.cart .icon-arrow-down { margin-top: 32px; }
.cart .cart-name { margin-top: 20px; width: 30px; }
.cart .cart-name:hover { color: #E80100; }
.cart-container { width: 300px; padding: 23px 23px 16px; background: #fff; border: 1px solid #DDDDDD; border-radius: 3px; position: absolute; top: 44px; transform: translateX(-150px); display: none; z-index: 16; }
.cart-container span { color: #333333; font-size: 18px; }
.cart-container ul { margin-bottom: 14px; }
.cart-container ul li { margin-top: 15px; }
.cart-container ul li .empty { font-size: 14px; text-align: center; display: block; }
.cart-container ul li input { float: left; margin-top: 20px; margin-right: 15px; cursor: pointer; }
.cart-container ul li a { float: left; font-size: 0; }
.cart-container ul li img { width: 64px; height: 64px; border-radius: 3px; }
.cart-container ul li .cart-title { color: #999999; width: 186px; height: 34px; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 5px 0 0 10px; font-size: 14px; }
.cart-container ul li .cart-delete { float: left; cursor: pointer; }
.cart-container ul li .cart-delete .icon-close { width: 12px; height: 12px; display: block; background: url(https://res.goldsupplier.com/img/env2/main/shopv2/icon-close.png); }
.cart:hover .cart-container { display: block; }
/*logobar fixed*/
.logobar-fixed { background: #fff; width: 100%; height: 82px; position: fixed; top: 0; z-index: 17; box-shadow: 5px 5px 10px rgba(115, 115, 115, 0.1); display: none; }
.logobar-fixed .logo img { margin-top: 13px; }
.logobar-fixed .search input { border: 1px solid #dddee3; }
/*row*/
/*menu*/
.menu { width: 302px; height: 378px; border: 1px solid #DCDEE3; background: #fff; border-right: 0; float: left; padding: 20px 0; }
.icon-menu { width: 16px; height: 12px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-menu.png'); margin: 0 6px 0 18px; }
.menu ul { margin-top: 14px; }
.menu ul li { padding: 0 18px; }
.menu ul li a { color: #555555; line-height: 31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 31px; display: block; }
.menu ul li:hover { background: #f5f5f5; }
.menu ul li:hover a { color: #E80100; }
.menu-more { color: #1570CC; font-size: 14px; font-weight: bold; display: block; margin: 17px 0 0 18px; }
/*banner*/
.banner { float: left; width: 920px; height: 420px; }
.banner img { width: 920px; height: 420px; object-fit: cover; }
/*carousel样式覆盖*/
.carousel-control-prev-icon, .carousel-control-next-icon { width: 40px; height: 70px; }
.carousel-indicators { bottom: 25px; }
.carousel-indicators li { width: 10px; height: 10px; border-radius: 10px; border-top: none; border-bottom: none; opacity: 1; margin-right: 5px; }
.carousel-indicators li.active { background-color: #e70005; }
/*leads-industries*/
.leads-industries { width: 240px; height: 418px; float: left; border: 1px solid #DCDEE3; border-left: none; background: #fff; padding: 0 18px; }
.leads-industries .title { color: #2D2E32; font-weight: bold; border-bottom: 1px solid #DCDEE3; display: block; padding: 10px 0; margin-top: 5px; }
.leads-industries .title a { color: #999999; font-size: 12px; float: right; }
.leads ul li { margin-top: 10px; overflow: hidden; }
.leads ul li img { width: 20px; height: 14px; float: left; margin-top: 2px; margin-right: 5px; }
.leads ul li a { width: 215px; height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; color: #666666; }
.leads ul li a:hover { color: #E80100; }
.industries { margin-top: 15px; }
.industries ul li { border-bottom: 1px solid #DCDEE3; overflow: hidden; padding-bottom: 15px; }
.industries ul li:last-child { border-bottom: none; }
.industries div { width: 170px; float: left; font-size: 12px; }
.industries div a { display: block; }
.industries ul li .industries-title { width: 170px; height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666666; line-height: 15px; margin-top: 19px; }
.industries ul li .industries-shop { color: #999999; margin-top: 18px; }
.industries div:hover a { color: #E80100; }
.industries img { width: 70px; height: 70px; float: left; margin-top: 15px; }
/*view*/
.machinery span, .automobiles span, .electronic span, .tell span.title, .tell span.title h3, .recommend span.title, .recommend span.title h3, .recently span.title, .recently span.title h3, .more span.title, .more span.title h3 { font-size: 24px; color: #333333; font-weight: bold; display: block; margin: 27px 0 15px; }
.machinery span, .automobiles span, .electronic span, .tell span.title h3, .recommend span.title, .recently span.title, .more span.title { font-size: 24px; color: #333333; font-weight: bold; display: block; margin: 27px 0 15px; }
.view { float: left; width: 300px; position: relative; }
.view img { width: 300px; height: 400px; }
.view a { width: 140px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #E90100; position: absolute; bottom: 47px; left: 80px; font-weight: bold; }
.view a:hover { background: #c80100; }
.view-container { float: left; width: 1200px; height: 400px; background: #fff; overflow: hidden; }
.view-container .section { float: left; width: 368.7px; height: 173.5px; padding: 25px 10px 0 20px; border: 1px solid #DCDEE3; margin-right: -1px; margin-bottom: -1px; }
.view-container div a { color: #333333; }
.view-container div a:hover { color: #E90100; }
.sub-industry { font-weight: bold; font-size: 16px; width: 368.7px; height: 22px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.view-container div ul { float: left; margin-top: 15px; }
.view-container div ul li a { font-size: 14px; line-height: 28px; width: 238.7px; height: 28px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.view-container div ul li a:hover { text-decoration: underline; }
.view-container div .show-img { width: 120px; height: 120px; float: right; margin-top: 15px; }
.view-container div .show-img img { transition: all 1s ease; }
.view-container div img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
.show-img img { width: 120px; height: 120px; }

/* tell */
.tell { position: relative; height: 450px; margin-top: 26px; }
.tell .inquiry-content form {  background: var(--color-white); width: 680px; height: 322px; padding: 24px 40px; }
.tell input[type="text"] { border-radius: 3px; padding: 5px 7px; font-size: 16px; line-height: 32px; height: 32px; border: 1px solid var(--color-gray-1000); font-family: Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei"; outline: none; width: 100%; }
.tell .error-container.required input[type="text"] { padding-left: 18px; }
.tell textarea { border-radius: 3px; padding: 5px 7px; font-size: 16px; line-height: 24px; border: 1px solid var(--color-gray-1000); font-family: Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei"; outline: none; resize: none; height: 72px; display: block; width: 100%; }
.tell .error { color: #E70105; position: absolute; right: 10px; bottom: 12px; }
.tell .error-container { position: relative; display: flex; margin-bottom: 15px; }

.tell .bg-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.tell .bg-wrap .flex-box { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; }
.tell .inquiry-content { position: relative; display: flex; justify-content: space-between; color: var(--color-neutral-333); }
.tell .inquiry-content .left-wrap { padding: 50px 10px 50px 50px; }
.tell .left-wrap .title { font-size: 36px; font-weight: bold; line-height: 54px; }
.tell .left-wrap .desc { font-size: 22px; line-height: 32px; margin-bottom: 6px; }
.tell .left-wrap .trusted { font-size: 16px; line-height: 24px; }
.tell .left-wrap .trusted>img { vertical-align: -5px; margin-right: 8px; }
.tell .left-wrap .trusted>.amount { font-size: 18px; font-weight: bold; color: var(--color-red-1002); }
.tell .inquiry-content .right-wrap { padding: 40px 40px 40px 10px; }
.tell .inquiry-content .right-wrap .form-title { font-size: 24px; line-height: 40px; margin-bottom: 5px; }
.tell .right-wrap .error-container.required:before { content: '*'; position: absolute; top: 14px; left: 7px; color: var(--color-red-1002); }
.tell .right-wrap .btn-wrap { display: flex; padding: 5px 0; }
.tell .right-wrap .btn-wrap .send-btn { border-width: 0; outline: none; color: var(--color-white); font-size: 18px; font-weight: bold; border-radius: 3px; height: 44px; line-height: 44px; min-width: 280px; background-color: var(--color-red-1000); cursor: pointer; padding: 0 15px; }
.tell .right-wrap .btn-wrap .send-btn:hover { background-color: var(--color-red-1001); }
.tell .right-wrap .btn-wrap .results-message { display: flex; align-items: center; line-height: 44px; margin-left: 15px; font-size: 16px; }
.tell .right-wrap .btn-wrap .results-message>img { margin-right: 7px; }
.tell .right-wrap .btn-wrap .results-success { color: var(--color-green-1000); }

/*recommend*/
.recommend { margin-bottom: -27px;}
.recommend ul { width: 1524px; }
.recommend ul li { width: 228px; height: 340px; background: #fff; float: left; border: 1px solid #DCDEE3; margin: 0 24px 34px 0; }
.recommend ul li:hover { box-shadow: 5px 5px 10px rgba(115, 115, 115, 0.1); }
.recommend ul li a { display: block; }
.recommend ul li img { width: 214px; height: 214px; display: block; margin: 8px auto; }
.recommend ul li div { margin: 10px 10px; }
.recommend ul li div a { width: 184px; height: 38px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #333333; margin-bottom: 6px; }
.recommend ul li div span { display: block; color: #666666; margin: 0px 0 2px; }
.recommend ul li div span font { font-weight: bold; color: #333; }
/*recently*/
.recently-list { position: relative; background: #fff; padding-left: 15px; }
.swiper-button-next, .swiper-button-prev { width: 30px; height: 60px; }
.swiper-button-next:after, .swiper-button-prev:after { width: 30px; height: 60px; position: absolute; z-index: 2; display: block; }
.swiper-button-next { right: 0; }
.swiper-button-next:after { content: ''; background: #CCCCCC url('https://res.goldsupplier.com/img/env2/main/shopv2/icon-carousel-right.png') no-repeat center center; }
.swiper-button-prev { left: 0; }
.swiper-button-prev:after { content: ''; background: #CCCCCC url('https://res.goldsupplier.com/img/env2/main/shopv2/icon-carousel-left.png') no-repeat center center; }
.recently .recently-ul { height: 240px; margin-left: 0; }
.recently .recently-ul .li { width: 190px; height: 190px; overflow: hidden; }
.recently .recently-ul .li img { width: 190px; height: 190px; transition: all 1s ease; }
.recently .recently-ul .li { width: 190px; margin-top: 24px; float: left; }
.recently .recently-ul .li:hover img { transform: scale(1.1); }
.recently .recently-ul .recently-title { width: 190px; }
.recently-div { width: 1440px; height: 240px; overflow: hidden; }
.swiper-container { width: 100%; height: 100%; }
.swiper-container:hover :is(.swiper-btn-prev, .swiper-btn-next) { visibility: visible; }
/*ad*/
.ad { margin: 30px 0 32px 0; }
.ad a { float: left; }
.ad a:first-child { margin-right: 24px; }
.ad img { width: 738px; height: auto; display: block; }
/*more*/
.more ul { display: flex; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/more_80.jpg') no-repeat; height: 248px; }
.more ul li { width: 375px; text-align: center; padding-top: 40px; height: 190px; }
.more ul li img { width: 90px; margin: auto; display: block; }
.more ul li span { color: #333333; font-weight: bold; display: block; }
.more ul li:hover span { color: #E80100; }
.more ul li p { color: #999999; width: 320px; line-height: 22px; font-size: 12px; margin: 8px auto 0; }
/*footer*/
.footer { width: 100%; min-width: max-content; min-width: -moz-max-content; padding-bottom: 10px; background: #3F3F3F; margin-top: 42px; position: relative; z-index: 10; }
.footer .footer-menu li { float: left; width: 300px; padding-left: 74px; }
.footer .footer-menu li ul li { padding-left: 0; }
.footer .footer-menu li a { color: #d9d9d9; line-height: 24px; }
.footer .footer-menu li .title { font-size: 18px; font-weight: bold; color: #d9d9d9; margin: 23px 0 10px; display: block; }
/*.footer .footer-menu li:last-child { max-width: 140px; padding-left: 0; }*/
/*.footer .footer-menu li:last-child ul li { width: 30px; float: left; margin-right: 15px; margin-bottom: 10px; }*/
/*.footer .footer-menu>li:last-child i { width: 30px; height: 30px; display: block; }*/
.footer .footer-menu .attention { position: relative; }
.footer .footer-menu .attention div { display: none; position: absolute; top: 0; left: 43px; }
.footer .footer-menu .attention div img { width: 127px; height: 127px; }
.footer .footer-menu .attention:hover div { display: block; }
.footer .icon-facebook { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-facebook.png') no-repeat; }
.footer .icon-facebook:hover { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-facebook-active.png') no-repeat; }
.footer .icon-google { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-google.png') no-repeat; }
.footer .icon-google:hover { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-google-active.png') no-repeat; }
.footer .icon-weixin { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-weixin.png') no-repeat; }
.footer .icon-weixin:hover { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-weixin-active.png') no-repeat; }
.footer .icon-instagram { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-instagram.png') no-repeat; }
.footer .icon-instagram:hover { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-instagram-active.png') no-repeat; }
.footer .icon-linkedin { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-linkedin.png') no-repeat; }
.footer .icon-linkedin:hover { background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon-linkedin-active.png') no-repeat; }
.footer .footer-bottom { border-top: 1px solid #7e7e7f; text-align: center; padding-top: 25px; margin-top: 25px; }
.footer .footer-bottom img { border-radius: 3px; opacity: 0.4; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; margin-right: 17px; }
.footer .footer-bottom a img { margin-right: 0; }
.footer .footer-bottom img:hover { opacity: 1; }
.footer .footer-keywords { margin-top: 15px; text-align: center; line-height: 24px; }
.footer .footer-keywords li { display: inline-block; }
.footer .footer-keywords li a { color: #d9d9d9; }
.footer .footer-keywords li a:after { display: inline-block; content: ''; width: 1px; height: 15px; background: #d9d9d9; position: relative; left: 10px; top: 3px; margin-right: 15px; }
.footer .footer-keywords li:last-child a:after { width: 0; }
.footer .footer-copyright { text-align: center; margin-top: 25px; margin-bottom: 15px; }
.footer .footer-copyright, .footer .footer-copyright a { color: #d9d9d9; }
.footer .footer-copyright a, .footer .footer-copyright span { margin-right: 54px; }

/*footer*/
.footer-layout-1 { width: 100%; min-width: max-content; min-width: -moz-max-content; background: #3F3F3F; margin-top: 32px; position: relative; z-index: 10; font-size: 12px; color: rgba(255, 255, 255, 0.6); }
.footer-layout-1 .footer-menu-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 22px 0 12px 0; border-bottom: 1px solid #696969; }
.footer-layout-1 .footer-menu>li { float: left; width: 335px; margin-right: 10px; }
.footer-layout-1 .footer-menu li ul li { padding-left: 0; }
.footer-layout-1 .footer-menu li a { display: inline-block; color: rgba(255, 255, 255, 0.6); line-height: 30px; white-space: nowrap; }
.footer-layout-1 .footer-menu li a:hover, .footer-layout-1 .lang-wrapper a:hover, .footer-layout-1 .footer-copyright a:hover { color: #e60000; }
.footer-layout-1 .footer-menu li>.title { font-size: 16px; font-weight: bold; color: #e6e6e6; margin: 22px 0 2px 0; line-height: 30px; display: block; }
.footer-layout-1 .footer-menu li:last-child { width: 231px; }
.footer-layout-1 .qrcode-box { padding: 0 52px; }
.footer-layout-1 .qrcode-box .qrcode-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 26px 0 6px 0; }
.footer-layout-1 .qrcode-box>p { font-size: 14px; text-align: center; line-height: 20px; }
.footer-layout-1 .lang-wrapper { text-align: center; line-height: 24px; padding-top: 16px; }
.footer-layout-1 .lang-wrapper a { padding: 0 6px; color: rgba(255, 255, 255, 0.6); }
.footer-layout-1 .footer-copyright { text-align: center; line-height: 24px; padding-bottom: 15px; }
.footer-layout-1 .footer-copyright, .footer-layout-1 .footer-copyright a { color: rgba(255, 255, 255, 0.6); }
.footer-layout-1 .footer-copyright a, .footer-layout-1 .footer-copyright span { margin-right: 54px; }

/* header */
.header2 img { vertical-align: middle; }
.header2>.content-box { position: relative; background-color: var(--color-white); z-index: 19; }
.header2 .wrapper { display: flex; justify-content: space-between; }
.header2 .logo-wrap { height: 46px; padding-top: 15px; padding-bottom: 15px; }
.header2 .logo-wrap img { width: auto; height: 46px; }
.header2.overlay:before { content: ''; position: fixed; top: 0px; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 13; }

.header2 .wrapper .nav-bar { padding: 21px 0 0 0; margin-right: -15px; }
.header2 .nav-bar .nav-item { height: 55px; }
.header2 .nav-bar .nav-item> :is(.tab-title, .current-lang) { height: 44px; padding: 0 15px; line-height: 32px; display: inline-block; }
.header2 .nav-bar .nav-item:hover> :is(.tab-title, .current-lang), .header2 .nav-bar .language-content .english a:hover { color: var(--color-red-1002); }
.header2 .nav-bar .nav-item:hover .icon-arrow-down2 { background-position: 0 -10px; }
.header2 .nav-bar .nav-item:hover :is(.nav-content, .language-content) { display: block; }
.header2 .nav-bar .current-lang:before { content: ''; display: inline-block; width: 14px; height: 14px; background: url('https://res.goldsupplier.com/img/env2/main/icon_earth.png') no-repeat 0 0; vertical-align: -2px; }
.header2 .nav-bar .nav-item:hover>.current-lang:before { background-position: 0 -20px; }
.header2 .nav-bar .language-content { position: absolute; top: 38px; right: -45px; display: none; }
.header2 .nav-bar .language-content .english { width: 161px; padding: 10px 0; border-radius: 3px; white-space: nowrap; background: var(--color-white); border: 1px solid var(--color-gray-1000); }
.header2 .nav-bar .language-content .english:before { content: ''; position: absolute; top: -8px; right: 57px; width: 14px; height: 9px; display: block; background: url(https://res.goldsupplier.com/img/env2/supplier/index/arrow_03.png) no-repeat; }
.header2 .nav-bar .language-content .english li { min-width: 85px; }
.header2 .nav-bar .language-content .english a { height: 34px; color: #666666; padding: 0 22px; line-height: 34px; display: inline-block; }

.header2 .nav-bar .nav-content { position: absolute; top: 76px; left: 0; right: 0; background-color: var(--color-white); border-top: 1px solid var(--color-gray-1000); display: none; z-index: 19; }
.buyer-service-content { padding: 61px 0 60px 0; }
.buyer-service-content .left-service { padding-left: 130px; }
.buyer-service-content .left-service li { margin: 0 20px; }
.buyer-service-content .left-service a { display: flex; flex-direction: column; align-items: center; width: 268px; height: 138px; border-radius: 6px; border: 1px solid var(--color-gray-1000); }
.buyer-service-content .left-service img { margin-top: 42px; }
.buyer-service-content .left-service .desc { color: var(--color-neutral-333); line-height: 30px; margin-top: 10px; }
.buyer-service-content .divider { margin: 0 37px; border-left: 1px solid var(--color-gray-1000); }
.buyer-service-content .right-service { padding-left: 16px; }
.buyer-service-content .right-service li { margin-bottom: 23px; }
.buyer-service-content .right-service img { vertical-align: -4px; margin-right: 6px; }

.seller-service-content { padding: 60px 0 60px 0; }
.seller-service-content .content-box { width: 930px; }
.seller-service-content .pane-title { font-size: 24px; padding: 10px 0 8px 0; line-height: 34px; }
.seller-service-content .desc { height: 48px; font-size: 18px; line-height: 24px; margin: 0 20px 14px 0; }
.seller-service-content .pane { position: relative; width: 288px; margin-right: 20px; border-radius: 6px; border: 1px solid var(--color-gray-1000); overflow: hidden; }
.seller-service-content .pane>img { position: absolute; bottom: 0; opacity: 0.06; }
.seller-service-content .pane-1>img { right: -24px; }
.seller-service-content .pane-2>img { right: -32px; }
.seller-service-content .pane-3>img { right: -19px; }
.seller-service-content .pane-content { position: relative; padding: 25px 20px 0 25px; }
.seller-service-content .pane-content .subtitle { font-size: 18px; line-height: 20px; padding: 8px 0; }
.cn-seller-service-content .pane-content .subtitle { padding-top: 12px; padding-bottom: 11px; }
.seller-service-content .pane-content .details { font-size: 14px; line-height: 20px; padding: 4px 0; }
.seller-service-content .pane-content .details>p { position: relative; margin-bottom: 4px; padding-left: 12px; }
.seller-service-content .pane-content .details>p:before { content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 50%; border: 1px solid var(--color-neutral-333); }
.seller-service-content .pane-content .btn-wrap { display: flex; padding: 14px 0 25px 0; }
.cn-seller-service-content .pane-content .btn-wrap { padding-bottom: 38px; }
.seller-service-content .pane-content .link-btn { display: inline-block; font-size: 14px; line-height: 24px; min-width: 98px; max-width: 218px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seller-service-content .wrapper { align-items: flex-end; }
.seller-service-content .wrapper>.img-wrap { border-radius: 6px; border: 1px solid var(--color-gray-1000); overflow: hidden; }

.seller-center-content { padding: 55px 0 70px 0; }
.seller-center-content .content-box { width: 948px; padding: 12px 0 0 0; }
.seller-center-content .content-box li { flex: 1; padding-right: 10px; }
.seller-center-content .content-box .subtitle { font-size: 16px; line-height: 24px; }
.seller-center-content .content-box .details { font-size: 14px; line-height: 24px; padding-top: 24px; }
.seller-center-content .content-box .details p { margin-bottom: 12px; }
.seller-center-content .content-box .details a:hover { color: var(--color-neutral-333); }f
.seller-center-content .content-box .details .badge { margin-left: 5px; vertical-align: 2px; }
.seller-center-content .wechat-content { padding-top: 15px; }
.seller-center-content .wechat-content .qrcode-box { width: 552px; height: 182px; display: flex; border-radius: 10px; background-color: #f8fcf7; }
.seller-center-content .wechat-content .qrcode-wrap { padding: 40px 30px 40px 105px; }
.seller-center-content .wechat-content .details .subtitle { font-size: 16px; line-height: 24px; margin-top: 54px; }
.seller-center-content .wechat-content .details .subtitle>img { vertical-align: -5px; }
.seller-center-content .wechat-content .details .extra { font-size: 14px; line-height: 22px; margin-top: 11px; }


/* Search */
.search-container { padding-top: 9px; padding-bottom: 9px; background-color: var(--color-white); }
.search-box { display: flex; justify-content: center; }
.search-box .select { padding-bottom: 12px; padding-right: 172px; }
.search-box .select .search-menu { display: flex; justify-content: center; }
.search-box .search-wrap { position: relative; margin-right: 8px; }
.search-box .search-wrap input[type="text"] { width: 762px; height: 38px; font-size: 18px; padding: 6px 114px 6px 20px; border-radius: 27px; border: 2px solid var(--color-red-1000); outline: none; }
.search-box .search-wrap .btn-wrap { position: absolute; top: 2px; right: 6px; height: 46px; padding: 2px 0; }
.search-box .rfq-link-btn { display: block; width: 160px; height: 50px; font-size: 18px; line-height: 50px; border-radius: 27px; color: var(--color-red-1000); border: 2px solid var(--color-red-1000); }
.search-box .rfq-link-btn .icon-post { vertical-align: -4px; margin: 0 4px 0 23px; }
.search-box .rfq-link-btn:hover { color: var(--color-white); background-color: var(--color-red-1000); }
.search-box .rfq-link-btn:hover .icon-post { background-position: 0 -30px; }
.search-box .search-keywords { max-width: 875px; font-size: 16px; color: #696969; line-height: 32px; padding: 6px 0 6px 25px; white-space: nowrap; overflow: hidden; }
.search-box .search-keywords>span { margin-right: 8px; }
.search-box .search-keywords>a { color: #696969; margin: 0 6px; }
.search-box .search-keywords a:hover { color: var(--color-red-1000); }

/* Quick Nav*/
.quick-nav-bar { margin-bottom: 21px; background-color: var(--color-white); border-bottom: 1px solid var(--color-gray-1000); }
.quick-nav-bar .content-box { display: flex; justify-content: space-between; line-height: 36px; padding: 18px 0 14px 0; }
.quick-nav-bar .welcome { font-size: 20px; }
.quick-nav-bar .link-wrap li { margin-left: 40px; }
.quick-nav-bar .link-wrap a { display: block; font-size: 16px; }
.quick-nav-bar .link-wrap a>img { margin-right: 6px; vertical-align: -7px; }


/* row */
.middle-wrap { float: left; }
.middle-wrap .banner { float: none; }
.middle-wrap .promote-content { height: 160px; background-color: var(--color-white); }
.middle-wrap .promote-content ul { display: flex; }
.middle-wrap .promote-content ul li { box-sizing: border-box; width: 230px; height: 160px; border-top: 1px solid var(--color-gray-1000); border-bottom: 1px solid var(--color-gray-1000); border-left: 1px solid var(--color-gray-1000); }
.middle-wrap .promote-content ul li:last-child { border-right: 1px solid var(--color-gray-1000); }
.middle-wrap .promote-content .promote-wrap { position: relative; width: 100%; height: 100%; }
.middle-wrap .promote-content .promote-wrap .bg-wrap { position: absolute; top: 0; bottom: 0; right: 0; }
.middle-wrap .promote-content .promote-wrap .shake-box { position: absolute; left: 16px; bottom: 22px; visibility: hidden; }
.middle-wrap .promote-content .promote-wrap .shake-box>img { animation: shakeX 1s infinite; }
.middle-wrap .promote-content .promote-wrap .text-content { position: relative; font-size: 14px; line-height: 22px; padding: 20px 0 0 18px; color: var(--color-neutral-333); }
.middle-wrap .promote-content ul li:hover .shake-box { visibility: visible; }

.banner-right-wrap { float: left; width: 230px; height: 578px; padding: 0 24px; background: var(--color-white); border-top: 1px solid var(--color-gray-1000); border-right: 1px solid var(--color-gray-1000); border-bottom: 1px solid var(--color-gray-1000); }
.banner-right-wrap :is(.unlogin-box, .login-box) { display: flex; flex-direction: column; align-items: center; }
.banner-right-wrap .user-box .profile-wrap { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin: 34px 0 0 0; border-radius: 50%; background-color: #f5f5f5; overflow: hidden; }
.banner-right-wrap .unlogin-box .welcome { color: #2d2e32; font-size: 16px; line-height: 32px; margin: 6px 0 0 0; }
.banner-right-wrap .unlogin-box .link-wrap { display: flex; flex-direction: column; width: 100%; margin: 12px 0 7px 0; }
.banner-right-wrap .unlogin-box .link-wrap .btn { font-weight: bold; margin-bottom: 15px; }
.banner-right-wrap .login-box { display: none; }
.banner-right-wrap .login-box .account-wrap { display: flex; align-items: center; margin-top: 10px; }
.banner-right-wrap .login-box .account-wrap .username { font-size: 16px; margin-right: 5px; line-height: 24px; }
.banner-right-wrap .login-box .account-wrap .logout-wrap .icon-arrow-down2 { vertical-align: 2px; }
.banner-right-wrap .login-box .account-wrap .logout-wrap:hover .logout { display: block; }
.banner-right-wrap .login-box .account-wrap .logout { top: 22px; left: -41px; width: 90px; height: 28px; line-height: 28px; border-radius: 3px; text-align: center; background-color: var(--color-white); border: 1px solid var(--color-gray-1000); z-index: 3; display: none; }
.banner-right-wrap .login-box .account-wrap .logout:before { content: ''; width: 14px; height: 9px; display: block; background: url(https://res.goldsupplier.com/img/env2/supplier/index/arrow_03.png) no-repeat; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); }
.banner-right-wrap .login-box .account-wrap .logout a { color: var(--color-neutral-333); }
.banner-right-wrap .login-box .user-center ul { display: flex; justify-content: center; }
.banner-right-wrap .login-box .user-center li { position: relative; line-height: 20px; margin: 0 6px; }
.banner-right-wrap .login-box .user-center a { font-size: 14px; color: var(--color-neutral-333); }
.banner-right-wrap .login-box .user-center .badge { position: absolute; top: 1px; left: 103%; }
.banner-right-wrap .login-box .link-wrap { display: flex; flex-direction: column; width: 100%; margin: 11px 0 2px 0; font-family: "Microsoft YaHei"; }
.banner-right-wrap .login-box .link-wrap .btn { margin-bottom: 10px; }
.banner-right-wrap .quick-nav { padding-left: 24px; overflow: hidden; }
.banner-right-wrap .quick-nav a { display: block; position: relative; font-size: 16px; padding-left: 27px; line-height: 36px; color: var(--color-neutral-333); }
.banner-right-wrap .quick-nav a:before { content: ''; position: absolute; width: 18px; height: 18px; top: 10px; left: 0; border-radius: 50%; background-color: rgba(211, 19, 19, 0.2); }
.banner-right-wrap .quick-nav a .icon-service-sm { top: 6px; left: -11px; }
.banner-right-wrap .quick-nav a .icon-website-sm { top: 8px; left: -9px; }
.banner-right-wrap .quick-nav a .icon-inquiry-sm { top: 7px; left: -9px; }
.banner-right-wrap .quick-nav a:hover { color: var(--color-red-1000); }
.banner-right-wrap .quick-nav a:hover .icon { animation: shakeLeft 0.4s ease; }
.banner-right-wrap .quick-nav a:hover:before { animation: shakeRight 0.4s ease; }
.banner-right-wrap .message-box { padding: 11px 0 0 0; }
.banner-right-wrap .message-box a { color: var(--color-neutral-333); }
.banner-right-wrap .message-box .tab-nav { font-size: 16px; margin-bottom: 9px; }
.banner-right-wrap .message-box .tab-nav ul { justify-content: center; }
.banner-right-wrap .message-box .tab-nav li { margin: 0 22px; }
.banner-right-wrap .message-box .tab-nav a { display: block; line-height: 32px; border-bottom: 2px solid transparent; }
.banner-right-wrap .message-box .tab-nav .current a { font-weight: bold; border-bottom-color: var(--color-red-1000); }
.banner-right-wrap .message-box .tab-content .tab-pane { display: none; }
.banner-right-wrap .message-box .tab-content .tab-pane.active { display: block; }
.banner-right-wrap .message-box .tab-content .tab-pane a { display: block; line-height: 26px; }
.banner-right-wrap .message-box .tab-content .tab-pane a:hover { color: var(--color-red-1000); }
.banner-right-wrap .message-box .tab-content .inquiry-pane li { display: flex; align-items: center; }
.banner-right-wrap .message-box .tab-content .inquiry-pane li>img { margin-right: 8px; }

:is(.featured-suppliers, .featured-products, .articles-container) .pane-hd { display: flex; justify-content: space-between; line-height: 32px;  }
:is(.featured-suppliers, .featured-products, .articles-container) .pane-hd .title { font-size: 24px; font-weight: bold; }
:is(.featured-suppliers, .featured-products, .articles-container) .pane-hd .more { color: var(--color-neutral-333); font-size: 16px; }
:is(.featured-suppliers, .featured-products, .articles-container) .pane-hd .more:after { content: ''; display: inline-block; width: 8px; height: 14px; margin-left: 5px; background: url('https://res.goldsupplier.com/img/env2/main/index_v2/icon_arrows.png') no-repeat 0 0; vertical-align: -1px; }
:is(.featured-suppliers, .featured-products, .articles-container) .pane-hd .more:hover { color: var(--color-red-1000); }
:is(.featured-suppliers, .featured-products, .articles-container) .pane-hd .more:hover:after { background-position: 0 -15px; }


/* Featured Suppliers */
.featured-suppliers { margin-top: 30px; color: var(--color-neutral-333); background-color: var(--color-white); border: 1px solid var(--color-gray-1000); }
.featured-suppliers img { vertical-align: middle; }
.featured-suppliers .pane-hd { align-items: flex-end;  padding: 22px 24px; }
.featured-suppliers .pane-hd .more { line-height: 20px; }
.featured-suppliers .pane-bd { padding: 5px 0 39px 0; }
.featured-suppliers .pane-bd ul { display: flex; justify-content: space-evenly; padding: 0 15px; }
.featured-suppliers .pane-bd li { position: relative; width: 25%; height: 374px; margin: 0 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.featured-suppliers .pane-bd li .img-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.featured-suppliers .pane-bd li .img-wrap>img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; }
.featured-suppliers .pane-bd li .img-wrap .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.featured-suppliers .pane-bd li .img-wrap .blue-mask { border-radius: 5px; background-color: rgba(0, 38, 100, 0.9); }
.featured-suppliers .pane-bd li .img-wrap .green-mask { border-radius: 5px; background-color: rgba(10, 62, 72, 0.9); }
.featured-suppliers .pane-bd li .img-wrap .red-mask { border-radius: 5px; background-color: rgba(100, 0, 0, 0.9); }
.featured-suppliers .pane-bd li .img-wrap .purple-mask { border-radius: 5px; background-color: rgba(37, 10, 72, 0.9); }
.featured-suppliers .pane-bd li .img-wrap .white-mask { top: 30%; background-image: linear-gradient(0deg, rgb(255, 255, 255) 15%, transparent); z-index: 3; }
.featured-suppliers .pane-bd .content-box { color: var(--color-white); height: 374px; padding: 0 25px; position: relative; z-index: 5; }
.featured-suppliers .pane-bd .content-box a { color: var(--color-white); }
.featured-suppliers .pane-bd .corp-box { height: 156px; padding: 30px 0 5px 0; will-change: transform; transition: transform 0.3s; }
.featured-suppliers .pane-bd .corp-box .corpname { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; line-height: 26px; height: 52px; font-weight: bold; margin: 14px 0 9px 0; }
.featured-suppliers .corp-box .member-wrap { display: flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 12px; background-color: var(--color-white); margin-bottom: 17px; }
.featured-suppliers .corp-box .member-wrap .yearMember { margin-left: 5px; }
.featured-suppliers .corp-box .address { font-size: 14px; margin-bottom: 6px; }
.featured-suppliers .corp-box .address .icon-location { vertical-align: -3px; margin-right: 4px; }
.featured-suppliers .corp-box .business { font-size: 14px; }
.featured-suppliers .corp-box .business .icon-business { vertical-align: -3px; margin-right: 4px; }
.featured-suppliers .shake-box { visibility: hidden; }
.featured-suppliers .shake-box>img { animation: shakeX 1s infinite; }
.featured-suppliers .overlay { position: absolute; top: 0; left: 0; right: 0; height: 226px; z-index: 5; }
.featured-suppliers .overlay > a { display: block; width: 100%; height: 100%; }
.featured-suppliers .product-box { display: flex; padding-top: 16px; }
.featured-suppliers .product-box .product-item { position: relative; margin-right: 14px; border-radius: 5px; background-color: var(--color-white); overflow: hidden; }
.featured-suppliers .product-box .product-item img { width: 110px; height: 110px; object-fit: cover; }
.featured-suppliers .product-box .product-item .price { position: absolute; left: 0; right: 0; bottom: 0; height: 20px; line-height: 20px; text-align: center; background-color: rgba(0, 0, 0, 0.5); }
.featured-suppliers .pane-bd li:hover .corp-box { transform: translateY(-10px); }
.featured-suppliers .pane-bd li:hover .shake-box { visibility: visible; }
.featured-suppliers .pane-bd li:hover .white-mask { background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.9), transparent); }
.featured-suppliers :is(.swiper-btn-prev, .swiper-btn-next) { top: 143px; }

/* Featured Products */
.featured-products { color: var(--color-neutral-333); margin-top: 30px; background-color: var(--color-white); border: 1px solid var(--color-gray-1000); }
.featured-products .pane-hd { align-items: flex-end;padding: 22px 24px; }
.featured-products .pane-hd .more { line-height: 28px; }
.featured-products .pane-bd { height: 746px; overflow: hidden; }
.featured-products .pane-bd ul { display: flex; flex-wrap: wrap; padding: 0 11px; }
.featured-products .pane-bd li { width: 230px; height: 360px; margin-left: 8px; margin-right: 8px; margin-bottom: 13px; }
.featured-products .pane-bd li .img-wrap { width: 228px; height: 228px; border-radius: 5px; border: 1px solid var(--color-gray-1000); overflow: hidden; }
.featured-products .pane-bd li .product-name { margin: 11px 0 6px 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--color-neutral-333); font-size: 14px; line-height: 20px; height: 60px; }
.featured-products .pane-bd li .price { font-size: 20px; font-weight: bold; line-height: 32px; color: var(--color-neutral-333); }
.featured-products :is(.swiper-btn-prev, .swiper-btn-next) { top: 311px; }

/* Product Guides & Articles */
.articles-container { margin-top: 30px; color: var(--color-neutral-333); background-color: var(--color-white); border: 1px solid var(--color-gray-1000); }
.articles-container .pane-hd { padding: 27px 24px 17px 24px; }
.articles-container .pane-hd .more { line-height: 26px; }
.articles-container .pane-bd { display: flex; padding: 0 24px 39px 24px; }
.articles-container .pane-bd .carousel-box { width: 718px; height: 398px; flex: 0 0 auto; border-radius: 5px; border: 1px solid var(--color-gray-1000); overflow: hidden; }
.articles-container .carousel-box .swiper-content { position: relative; }
.articles-container .swiper-content .img-wrap { width: 718px; height: 398px; }
.articles-container .swiper-content .overlay { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 150px; background-image: linear-gradient(0deg, var(--color-black), transparent); }
.articles-container .swiper-content .overlay .info-box { color: var(--color-white); margin: 80px 28px 0 28px; }
.articles-container .swiper-content .info-box .article-title { font-size: 20px; font-weight: bold; line-height: 30px; }
.articles-container .swiper-content .info-box .publish-date { font-size: 16px; line-height: 24px; }
.articles-container .carousel-box .swiper-pagination { left: auto; right: 30px; bottom: 20px; width: auto; }
.articles-container .carousel-box .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: var(--color-white); opacity: 1; }
.articles-container .carousel-box .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-red-1003); }
.articles-container .pane-bd .articles { flex: 1; margin-left: 20px; }
.articles-container .articles li:not(:last-child) { margin-bottom: 16px; }
.articles-container .articles li .img-wrap { width: 155px; height: 86px; flex: 0 0 155px; border-radius: 5px; border: 1px solid var(--color-gray-1000); overflow: hidden; }
.articles-container .articles li .info-box { flex: 1; margin-left: 15px; }
.articles-container .articles .info-box .article-title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; line-height: 20px; margin: 9px 0 7px 0; color: var(--color-neutral-333); }
.articles-container .articles .info-box .article-title:hover { font-weight: bold; color: var(--color-red-1000); }
.articles-container .articles .info-box .publish-date { font-size: 16px; line-height: 24px; }

/* Popular Searches */
.hot-keywords { color: var(--color-neutral-333); padding: 20px 0 0 0; }
.hot-keywords .title { font-size: 16px; font-weight: bold; line-height: 30px; padding: 12px 0 7px 0; }
.hot-keywords .keywords-list { font-size: 14px; line-height: 26px; }
.hot-keywords .keywords-list ul { display: flex; flex-wrap: wrap; }
.hot-keywords .keywords-list li { width: 16.66%; }
.hot-keywords .keywords-list a { color: var(--color-neutral-333); }
.hot-keywords .keywords-list a:hover { color: var(--color-red-1000); }


@media screen and (max-width: 1549px) {
    .header2 .nav-bar .language-content { right: 15px; }
}

@media screen and (max-width: 1440px) {
    .buyer-service-content .left-service { padding-left: 0; }
    .buyer-service-content .divider { margin-left: 32px; margin-right: 32px; }
    .seller-service-content .wrapper>.img-wrap { display: none; }
    .middle-wrap .promote-content ul li { width: 155px; overflow: hidden; }
    .seller-center-content .content-box { width: 680px; }
    .seller-center-content .wechat-content .qrcode-box { width: 520px; }

    .featured-suppliers .product-box .product-item img { width: 90px; height: 90px; }
    .featured-products .pane-bd li { width: 218px; }
    .featured-products .pane-bd li .img-wrap { width: 216px; height: 216px; }
    .featured-products .pane-bd li .img-wrap img { width: 216px; height: 216px; }

    .footer-layout-1 .footer-menu>li { width: 230px; }
    .footer-layout-1 .qrcode-box { padding-left: 119px; padding-right: 0; }
}

/*主体宽度1200*/
/*媒体查询*/
@media screen and (max-width: 1440px) {
    .wrapper { width: 1200px; }
    /*搜索*/
    .search { width: 620px; }
    .search input { width: 508px; }
    .record { width: 587px; }
    .record li span { width: 512px; }

    /*leads-industries*/
    .leads-industries{ width:240px; height:420px; float: left; border:1px solid #DCDEE3; border-left:none; background: #fff; padding:0 18px; }

    /*banner*/
    .banner { width: 665px; }
    .banner img { width: 665px; }

    /*view-container*/
    .view-container { width: 900px; }
    .view-container .section { width: 268.7px; }
    .view-container .section .sub-industry { width: 268.7px; }
    .view-container div ul li a { width: 138.7px; }

    /*recommend*/
    .recommend ul { width: 1224px; }
    .recommend ul li { width: 218px; }
    .recommend ul li img { width: 204px; }

    /*Recently*/
    .recently-div { width: 1140px; margin-left: 48px; }
    .swiper-container { width: 1140px; }
    .recently-list { padding-left: 38px; }

    /*ad*/
    .ad img { width: 588px; }

    /*more*/
    .more ul li { width: 300px; }

    /*footer*/
    .footer .footer-menu li { padding-left: 0; }
    .footer .footer-copyright a, .footer .footer-copyright span { margin-right: 45px; }
}

@media screen and (max-width: 1200px) {
    .wrapper { width: 980px; }

    /*搜索*/
    .search {   width: 450px; }
    .search input { width: 338px; }
    .record { width: 367px; }
    .record li span { width: 292px; }

    /*meunu*/
    .menu { width: 299px; }

    /*banner*/
    .banner { width: 680px; }
    .banner img { width: 680px; }

    /*leads-industries*/
    .leads-industries { display: none; }

    /*view-container*/
    .view-container { width: 680px; }
    .view-container .section { width: 308.5px; }
    .view-container div ul li a { width: 138.7px; }

    /*tell*/
    .tell form { width: 540px; }
    .tell input[type="text"], .tell textarea { width: 521px; }

    /*recommend*/
    .recommend ul { width: 1224px; }
    .recommend ul li { width: 225px; }
    .recommend ul li img { width: 211px; }

    /*Recently*/
    .recently-div { width: 912px; }
    .swiper-container { width: 912px; }
    .recently-list { padding-left: 38px; }

    /*ad*/
    .ad img { width: 478px; }

    /*more*/
    .more ul li { width: 245px; }

    /*footer*/
    .footer .footer-menu li { padding-left: 0; width: 209.5px; }
    .footer .footer-copyright a, .footer .footer-copyright span { margin-right: 1px; }
}

/*主体宽度1200*/
/*媒体查询*/
@media screen and (max-width: 1440px){
    .wrapper{ width:1200px; }
    /*搜索*/
    .search{ width:620px; }
    .search input{ width:508px; }
    .record{ width:587px; }
    .record li span{ width:512px; }
    /*banner*/
    .banner{ width:620px; }
    .banner img{ width:620px; }
    /*view-container*/
    .view-container{ width:900px; }
    .view-container .section{ width:268.7px; }
    .view-container div ul li a{ width:138.7px; }
    /*recommend*/
    .recommend ul{ width:1224px; }
    .recommend ul li{ width:218px; }
    .recommend ul li img{ width:204px; }
    /*Recently*/
    .recently-div{ width:1140px; margin-left:48px; }
    .swiper-container { width: 1140px; }
    .recently-list{ padding-left:38px; }

    /*ad*/
    .ad img{ width:588px; }
    /*more*/
    .more ul li{ width:300px; }
    /*footer*/
    .footer .footer-menu li{ padding-left:0; }
    .footer .footer-copyright a, .footer .footer-copyright span{ margin-right:45px; }
}

@media screen and (max-width: 1200px){
    .wrapper{ width:980px; }
    /*搜索*/
    .search{ width:400px; }
    .search input{ width:288px; }
    .record{ width:367px; }
    .record li span{ width:292px; }
    /*banner*/
    .banner{ width:677px; }
    .banner img{ width:677px; }
    /*leads-industries*/
    .leads-industries{ display: none; }
    /*view-container*/
    .view-container{ width:680px; }
    .view-container .section{ width:308.5px; }
    .view-container div ul li a{ width:138.7px; }
    /*tell*/
    .tell form{ width:540px; }
    .tell input[type="text"], .tell textarea{ width:521px; }
    /*recommend*/
    .recommend ul{ width:1224px; }
    .recommend ul li{ width:225px; }
    .recommend ul li img{ width:211px; }
    /*Recently*/
    .recently-div{ width:912px; }
    .swiper-container { width: 912px; }
    .recently-list{ padding-left:38px; }
    /*ad*/
    .ad img{ width:478px; }
    /*more*/
    .more ul li{ width:245px; }
    /*footer*/
    .footer .footer-menu li{ padding-left:0; width:209.5px; }
    .footer .footer-copyright a, .footer .footer-copyright span{ margin-right:1px; }
}