@charset "utf-8";

@font-face {
    font-family: "uiiconfont";
    src: url('../fonts/uiiconfont.eot');
    src: url('../fonts/uiiconfont.eot') format('embedded-opentype'), url('../fonts/uiiconfont.woff') format('woff'), url('../fonts/uiiconfont.ttf') format('truetype'), url('../fonts/uiiconfont.svg') format('svg');
}

[class*=ui-icon-],
.ui-icon-font {
    font-family: "uiiconfont";
    font-size: 1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.ui-icon-06:before {
    content: "\e6af";
}

.ui-icon-rmb:before {
    content: "\e836";
}

.ui-icon-weixin:before {
    content: "\e697";
}

.ui-icon-qq:before {
    content: "\e601";
}

.ui-icon-top:before {
    content: "\e61e";
}

.ui-icon-list:before {
    content: "\e64b";
}

.ui-icon-002:before {
    content: "\e64b";
}

.ui-icon-hao:before {
    content: "\e62c";
}

.ui-icon-qi:before {
    content: "\e633";
}

.ui-icon-sheng:before {
    content: "\e635";
}

.ui-icon-kuai:before {
    content: "\e63e";
}

.ui-icon-man:before {
    content: "\e63f";
}

.ui-icon-mian:before {
    content: "\e640";
}

.ui-icon-pei:before {
    content: "\e642";
}

.ui-icon-you:before {
    content: "\e648";
}

.ui-icon-zheng:before {
    content: "\e64a";
}

.ui-icon-more:before {
    content: "\e628";
}

.ui-icon-alipay:before {
    content: "\e67b";
}

.ui-icon-weibo:before {
    content: "\e608";
}

.ui-icon-tel:before {
    content: "\e6e8";
}

.ui-icon-check-circle:before {
    content: "\e77d";
}

.ui-icon-Dollar:before {
    content: "\e77f";
}

.ui-icon-compass:before {
    content: "\e780";
}

.ui-icon-close-circle:before {
    content: "\e781";
}

.ui-icon-frown:before {
    content: "\e782";
}

.ui-icon-info-circle:before {
    content: "\e783";
}

.ui-icon-left-circle:before {
    content: "\e784";
}

.ui-icon-down-circle:before {
    content: "\e785";
}

.ui-icon-copyright:before {
    content: "\e786";
}

.ui-icon-minus-circle:before {
    content: "\e787";
}

.ui-icon-meh:before {
    content: "\e788";
}

.ui-icon-plus-circle:before {
    content: "\e789";
}

.ui-icon-play-circle:before {
    content: "\e78a";
}

.ui-icon-question-circle:before {
    content: "\e78b";
}

.ui-icon-right-circle:before {
    content: "\e78c";
}

.ui-icon-smile:before {
    content: "\e78d";
}

.ui-icon-trademark:before {
    content: "\e78e";
}

.ui-icon-time-circle:before {
    content: "\e78f";
}

.ui-icon-timeout:before {
    content: "\e790";
}

.ui-icon-YUAN:before {
    content: "\e792";
}

.ui-icon-up-circle:before {
    content: "\e793";
}

.ui-icon-warning-circle:before {
    content: "\e794";
}

.ui-icon-sync:before {
    content: "\e795";
}

.ui-icon-transaction:before {
    content: "\e796";
}

.ui-icon-undo:before {
    content: "\e797";
}

.ui-icon-redo:before {
    content: "\e798";
}

.ui-icon-reload:before {
    content: "\e799";
}

.ui-icon-reloadtime:before {
    content: "\e79a";
}

.ui-icon-message:before {
    content: "\e79b";
}

.ui-icon-issuesclose:before {
    content: "\e79d";
}

.ui-icon-poweroff:before {
    content: "\e79e";
}

.ui-icon-logout:before {
    content: "\e79f";
}

.ui-icon-piechart:before {
    content: "\e7a0";
}

.ui-icon-setting:before {
    content: "\e7a1";
}

.ui-icon-eye:before {
    content: "\e7a2";
}

.ui-icon-location:before {
    content: "\e7a3";
}

.ui-icon-export:before {
    content: "\e7a5";
}

.ui-icon-save:before {
    content: "\e7a6";
}

.ui-icon-Import:before {
    content: "\e7a7";
}

.ui-icon-appstore:before {
    content: "\e7a8";
}

.ui-icon-adduser:before {
    content: "\e7ae";
}

.ui-icon-deleteteam:before {
    content: "\e7af";
}

.ui-icon-deleteuser:before {
    content: "\e7b0";
}

.ui-icon-addteam:before {
    content: "\e7b1";
}

.ui-icon-07:before {
    content: "\e7b2";
}

.ui-icon-user:before {
    content: "\e7b2";
}

.ui-icon-004:before {
    content: "\e7b2";
}

.ui-icon-cart:before {
    content: "\e6af";
}

.ui-icon-003:before {
    content: "\e6af";
}

.ui-icon-tuan:before {
    content: "\e618";
}

.ui-icon-limit:before {
    content: "\e6f8";
}

.ui-icon-brand:before {
    content: "\e671";
}

.ui-icon-coupon:before {
    content: "\e625";
}

.ui-icon-gift:before {
    content: "\e845";
}

.ui-icon-shop:before {
    content: "\e7f1";
}

.ui-icon-team:before {
    content: "\e7b3";
}

.ui-icon-areachart:before {
    content: "\e7b4";
}

.ui-icon-linechart:before {
    content: "\e7b5";
}

.ui-icon-barchart:before {
    content: "\e7b6";
}

.ui-icon-pointmap:before {
    content: "\e7b7";
}

.ui-icon-container:before {
    content: "\e7b8";
}

.ui-icon-database:before {
    content: "\e7b9";
}

.ui-icon-sever:before {
    content: "\e7ba";
}

.ui-icon-mobile:before {
    content: "\e7bb";
}

.ui-icon-tablet:before {
    content: "\e7bc";
}

.ui-icon-redenvelope:before {
    content: "\e7bd";
}

.ui-icon-book:before {
    content: "\e7be";
}

.ui-icon-filedone:before {
    content: "\e7bf";
}

.ui-icon-reconciliation:before {
    content: "\e7c0";
}

.ui-icon-file-exception:before {
    content: "\e7c1";
}

.ui-icon-filesync:before {
    content: "\e7c2";
}

.ui-icon-filesearch:before {
    content: "\e7c3";
}

.ui-icon-solution:before {
    content: "\e7c4";
}

.ui-icon-fileprotect:before {
    content: "\e7c5";
}

.ui-icon-file-add:before {
    content: "\e7c6";
}

.ui-icon-file-excel:before {
    content: "\e7c7";
}

.ui-icon-file-exclamation:before {
    content: "\e7c8";
}

.ui-icon-file-pdf:before {
    content: "\e7c9";
}

.ui-icon-file-image:before {
    content: "\e7ca";
}

.ui-icon-file-markdown:before {
    content: "\e7cb";
}

.ui-icon-file-unknown:before {
    content: "\e7cc";
}

.ui-icon-file-ppt:before {
    content: "\e7cd";
}

.ui-icon-file-word:before {
    content: "\e7ce";
}

.ui-icon-file:before {
    content: "\e7cf";
}

.ui-icon-file-zip:before {
    content: "\e7d0";
}

.ui-icon-file-text:before {
    content: "\e7d1";
}

.ui-icon-file-copy:before {
    content: "\e7d2";
}

.ui-icon-snippets:before {
    content: "\e7d3";
}

.ui-icon-audit:before {
    content: "\e7d4";
}

.ui-icon-diff:before {
    content: "\e7d5";
}

.ui-icon-Batchfolding:before {
    content: "\e7d6";
}

.ui-icon-securityscan:before {
    content: "\e7d7";
}

.ui-icon-propertysafety:before {
    content: "\e7d8";
}

.ui-icon-safetycertificate:before {
    content: "\e7d9";
}

.ui-icon-alert:before {
    content: "\e7db";
}

.ui-icon-delete:before {
    content: "\e7dc";
}

.ui-icon-bulb:before {
    content: "\e7de";
}

.ui-icon-bell:before {
    content: "\e7e0";
}

.ui-icon-trophy:before {
    content: "\e7e1";
}

.ui-icon-rest:before {
    content: "\e7e2";
}

.ui-icon-USB:before {
    content: "\e7e3";
}

.ui-icon-skin:before {
    content: "\e7e4";
}

.ui-icon-home:before {
    content: "\e7e5";
}

.ui-icon-001:before {
    content: "\e7e5";
}

.ui-icon-bank:before {
    content: "\e7e6";
}

.ui-icon-filter:before {
    content: "\e7e7";
}

.ui-icon-funnelplot:before {
    content: "\e7e8";
}

.ui-icon-like:before {
    content: "\e7e9";
}

.ui-icon-unlike:before {
    content: "\e7ea";
}

.ui-icon-unlock:before {
    content: "\e7eb";
}

.ui-icon-lock:before {
    content: "\e7ec";
}

.ui-icon-customerservice:before {
    content: "\e7ed";
}

.ui-icon-flag:before {
    content: "\e7ee";
}

.ui-icon-moneycollect:before {
    content: "\e7ef";
}

.ui-icon-medicinebox:before {
    content: "\e7f0";
}

.ui-icon-08:before {
    content: "\e7f1";
}

.ui-icon-rocket:before {
    content: "\e7f2";
}

.ui-icon-shopping:before {
    content: "\e7f3";
}

.ui-icon-folder:before {
    content: "\e7f4";
}

.ui-icon-folder-open:before {
    content: "\e7f5";
}

.ui-icon-folder-add:before {
    content: "\e7f6";
}

.ui-icon-deploymentunit:before {
    content: "\e7f7";
}

.ui-icon-accountbook:before {
    content: "\e7f8";
}

.ui-icon-contacts:before {
    content: "\e7f9";
}

.ui-icon-carryout:before {
    content: "\e7fa";
}

.ui-icon-calendar-check:before {
    content: "\e7fb";
}

.ui-icon-calendar:before {
    content: "\e7fc";
}

.ui-icon-scan:before {
    content: "\e7fd";
}

.ui-icon-select:before {
    content: "\e7fe";
}

.ui-icon-laptop:before {
    content: "\e7ff";
}

.ui-icon-barcode:before {
    content: "\e800";
}

.ui-icon-camera:before {
    content: "\e801";
}

.ui-icon-cluster:before {
    content: "\e802";
}

.ui-icon-car:before {
    content: "\e803";
}

.ui-icon-printer:before {
    content: "\e804";
}

.ui-icon-read:before {
    content: "\e805";
}

.ui-icon-cloud-server:before {
    content: "\e806";
}

.ui-icon-cloud-upload:before {
    content: "\e807";
}

.ui-icon-cloud:before {
    content: "\e808";
}

.ui-icon-cloud-download:before {
    content: "\e809";
}

.ui-icon-cloud-sync:before {
    content: "\e80a";
}

.ui-icon-video:before {
    content: "\e80b";
}

.ui-icon-notification:before {
    content: "\e80c";
}

.ui-icon-sound:before {
    content: "\e80d";
}

.ui-icon-qrcode:before {
    content: "\e80f";
}

.ui-icon-fund:before {
    content: "\e810";
}

.ui-icon-image:before {
    content: "\e811";
}

.ui-icon-mail:before {
    content: "\e812";
}

.ui-icon-table:before {
    content: "\e813";
}

.ui-icon-idcard:before {
    content: "\e814";
}

.ui-icon-creditcard:before {
    content: "\e815";
}

.ui-icon-heart:before {
    content: "\e816";
}

.ui-icon-heart-fill:before {
    content: "\e849";
}

.ui-icon-block:before {
    content: "\e817";
}

.ui-icon-error:before {
    content: "\e818";
}

.ui-icon-star:before {
    content: "\e819";
}

.ui-icon-gold:before {
    content: "\e81a";
}

.ui-icon-wifi:before {
    content: "\e81b";
}

.ui-icon-attachment:before {
    content: "\e81c";
}

.ui-icon-edit:before {
    content: "\e791";
}

.ui-icon-key:before {
    content: "\e81e";
}

.ui-icon-api:before {
    content: "\e81f";
}

.ui-icon-disconnect:before {
    content: "\e820";
}

.ui-icon-link:before {
    content: "\e822";
}

.ui-icon-pushpin:before {
    content: "\e824";
}

.ui-icon-shake:before {
    content: "\e826";
}

.ui-icon-tag:before {
    content: "\e827";
}

.ui-icon-tags:before {
    content: "\e829";
}

.ui-icon-right:before {
    content: "\e82a";
}

.ui-icon-left:before {
    content: "\e82b";
}

.ui-icon-up:before {
    content: "\e82c";
}

.ui-icon-down:before {
    content: "\e82d";
}

.ui-icon-fullscreen:before {
    content: "\e82e";
}

.ui-icon-fullscreen-exit:before {
    content: "\e82f";
}

.ui-icon-check:before {
    content: "\e830";
}

.ui-icon-close:before {
    content: "\e831";
}

.ui-icon-line:before {
    content: "\e832";
}

.ui-icon-question:before {
    content: "\e833";
}

.ui-icon-rollback:before {
    content: "\e834";
}

.ui-icon-pause:before {
    content: "\e835";
}

.ui-icon-crown:before {
    content: "\e842";
}

.ui-icon-drag:before {
    content: "\e843";
}

.ui-icon-desktop:before {
    content: "\e844";
}

.ui-icon-05:before {
    content: "\e845";
}

.ui-icon-stop:before {
    content: "\e846";
}

.ui-icon-fire:before {
    content: "\e847";
}

.ui-icon-thunderbolt:before {
    content: "\e848";
}

.ui-icon-star-fill:before {
    content: "\e86a";
}

.ui-icon-android:before {
    content: "\e887";
}

.ui-icon-sketch:before {
    content: "\e888";
}

.ui-icon-windows:before {
    content: "\e889";
}

.ui-icon-zoomout:before {
    content: "\e897";
}

.ui-icon-apartment:before {
    content: "\e898";
}

.ui-icon-audio:before {
    content: "\e899";
}

.ui-icon-robot:before {
    content: "\e89b";
}

.ui-icon-zoomin:before {
    content: "\e89c";
}

.ui-icon-bug:before {
    content: "\e8ea";
}

.ui-icon-comment:before {
    content: "\e8eb";
}

.ui-icon-videocameraadd:before {
    content: "\e8ee";
}

.ui-icon-switchuser:before {
    content: "\e8ef";
}

.ui-icon-whatsapp:before {
    content: "\e8f0";
}

.ui-icon-search:before {
    content: "\e8f1";
}

.ui-icon-retweet:before {
    content: "\e8f2";
}

.ui-icon-login:before {
    content: "\e8f3";
}

.ui-icon-coupons:before {
    content: "\e6ed";
}

.ui-icon-plus:before {
    content: "\e8fe";
}

.ui-icon-doubleleft:before {
    content: "\e80e";
}

.ui-icon-doubleright:before {
    content: "\e821";
}

.ui-icon-pay:before {
    content: "\e656";
}

.ui-icon-refund:before {
    content: "\e631";
}

.ui-icon-return:before {
    content: "\e6cf";
}

.ui-icon-shipped:before {
    content: "\e708";
}

.ui-icon-post:before {
    content: "\e62f";
}

.ui-icon-receive:before {
    content: "\e62d";
}

.ui-icon-evaluate:before {
    content: "\e61f";
}

.ui-icon-02:before {
    content: "\e618";
}

.ui-icon-01:before {
    content: "\e6f8";
}

.ui-icon-04:before {
    content: "\e671";
}

.ui-icon-03:before {
    content: "\e625";
}

.ui-icon-share:before {
    content: "\e617";
}

.ui-icon-long-arrow-right:before {
    content: "\e7da";
}

.ui-icon-external:before {
    content: "\e622";
}

.ui-icon-square:before {
    content: "\e839";
}

.ui-icon-cube:before {
    content: "\e6b8";
}

.ui-icon-box:before {
    content: "\e769";
}

.ui-icon-html5:before {
    content: "\eb10";
}

*,
::after,
::before {
    box-sizing: border-box;
}

.blank {
    height: 10px;
    line-height: 10px;
    clear: both;
    font-size: 0
}

.blank-small {
    height: 20px;
    line-height: 20px;
    clear: both;
    font-size: 0
}

.blank-middle {
    height: 30px;
    line-height: 30px;
    clear: both;
    font-size: 0
}

.blank-big {
    height: 50px;
    line-height: 50px;
    clear: both;
    font-size: 0
}

.blank-large {
    height: 80px;
    line-height: 80px;
    clear: both;
    font-size: 0
}

.blank-top {
    height: 3.125rem;
    line-height: 3.125rem;
    clear: both;
    font-size: 0
}

.goodfilter {
    width: 85%;
    overflow: hidden;
}

.web-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pr {
    padding-right: .5rem;
}

.pl {
    padding-left: .5rem;
}

.mwidth {
    margin: 0 auto;
    width: calc(100% - 1.875rem);
}

.orderby {
    margin: 10px 0;
    background: #fff;
    padding: 0.5rem 0;
}

.orderby ul {
    list-style: none;
    display: flex;
}

.orderby ul li {
    border-right: 1px solid #e0e0e0;
    flex: 1;
    text-align: center;
}

.orderby ul li:last-child {
    border-right: unset;
}

.orderby ul li a {
    padding: 10px;
    font-size: 0.873rem;
    color: #666;
    display: block;
}

.orderby ul li a.active {
    color: #ff6f06;
}

.orderby-filter {
    margin-left: auto;
}

.offside-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 98;
    overflow-y: auto;
    display: none;
}

.offside {
    position: fixed;
    min-width: 10rem;
    z-index: 99;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    transition: all .3s ease 0s;
}

.offside-left {
    left: -100%;
    top: 0;
    height: 100%;
}

.offside-right {
    right: -100%;
    top: 0;
    height: 100%;
}

.offside-top {
    top: -100%;
    width: 100%;
    min-height: 5rem;
}

.offside-bottom {
    bottom: -110%;
    width: 100%;
    min-height: 5rem;
}

.offside-in.offside-left,
.offside-in.offside-right {
    transform: translate3d(0, 0, 0);
}

.offside-right-close {
    position: absolute;
    right: .5rem;
    top: -.5rem;
    font-size: 1.2rem;
    font-weight: 600;
    background: #fff;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.3rem;
    padding: 0;
    text-align: center;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 50%;
    display: none;
    z-index: 999;
}

.offside-in .offside-right-close {
    display: inline-block;
}

/*OrderBy*/
.orderby ul {
    list-style: none;
    display: flex;
}

.orderby ul li a {
    padding: .25rem .5rem;
    color: #666;
    display: block;
}

.orderby ul li a:hover {
    color: #ff6f06;

}

.orderby ul li a i {
    font-size: .6rem;
    margin-left: .25rem;
}

.orderby ul li a.active {
    color: #ff6f06;
}

.orderby-red ul li a:hover {
    color: #ED4014;
}

.orderby-red ul li.active a {
    background: #ED4014;
    border-right-color: #ED4014;
    color: #fff;
}

.orderby-black ul li a:hover {
    color: #666;
}

.orderby-black ul li.active a {
    background: #666;
    border-right-color: #666;
    color: #fff;
}

.offside-filter {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.offside-filter .col-4 {
    padding: 2px;
    margin-top: 10px;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.offside-filter .col-4 a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 30px;
    background: #fafafa;
    font-size: .8rem;
}

.offside-filter .col-4 a.active {
    border: 1px solid #ff6f06;
    color: #ff6f06;
    background: #f6f6f6;
}

.ui-offside-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 98;
    overflow-y: auto;
    display: none;
}

.menu {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    justify-content: space-between;
    align-items: center;
    line-height: 2rem;
}

.menu .list-lmmc {
    color: #333;
    border-bottom: .1rem solid #999;
    margin-bottom: -1px;
    font-size: .873rem;
    font-family: microsoft yahei;
}

.menu-red .list-lmmc {
    color: #ff6f06;
    border-bottom-color: #ff6f06;
}

.menu .list-more a {
    color: #666;
}

.menu .list-more a:hover {
    color: #f30;
}

.page {
    margin: 1rem 0;
    font-size: .785rem;
}

.page ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin-left: .05rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page ul li {
    font-size: 0;
    list-style: none;
    display: inline-block;
    border: 1px solid #d9d9d9;
    margin-left: -.05rem;
    margin-right: .3rem;

}

.page ul li:first-child,
.page ul li:last-child {
    border-radius: .1rem;
    border-radius: .1rem 0 0 .1rem;
}

.page ul li a {
    display: block;
    background: #fff;
    font-size: .6rem;
    padding: 0 .5rem;
    line-height: 1.5rem;
}

.page ul li a:not([href]) {
    color: #999;
    cursor: not-allowed;
    text-decoration: none;
}

.page ul li a.active {
    color: #fff;
    background: #ff6f06;
}





.brand-l-list {}

.brand-l-list ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: -10px;
}

.brand-l-list ul li {
    width: 48%;
    background: #fff;
    text-align: center;
    padding: 0px;
    border: 1px solid #eee;
    margin-bottom: 2%;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
}

.brand-l-list ul li:nth-child(2n) {
    margin-right: unset;
}
.brand-l-list ul li a{
    width: 100%;
    display: block;
}

.brand-l-list ul li a img {
    width: 100%;
    max-width: 100%;
    height: 6rem;
}

.brand-l-list ul li .name {
    color: #333;
    line-height: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    background: #fff;
    border-top: 1px solid #f8f8f8;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    
}

.brand-l-list ul li:hover .name {
    bottom: 0;
    z-index: 2;
}



.business-l-list {}

.business-l-wrap {}

.business-l-list .l-item {
    text-align: center;
    padding: 0.5rem;
    width: 10rem;
    display: inline-block;
    background-color: #fff;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    height: 13.875rem;
}

.business-l-list .l-item:nth-child(2n) {
    margin-right: unset;
}

.business-l-list .l-item .l-img {
    width: 100%;
    display: inline-block;
    height: 8rem;
    overflow: hidden;
}

.business-l-list .l-item .l-img img {
    width: 100%;
    height: 100%;
}

.business-l-list .l-item .l-tit {
    width: 100%;
    margin-top: 0.375rem;
    font-size: 1rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.business-l-list .l-item .l-more {
    display: inline-block;
    font-size: 0.875rem;
    margin-top: 0.375rem;
    padding: 0.125rem 6px;
    border: 1px solid #2fb15a;
    color: #2fb15a;
}

/* 外贸封面 */
.banner_wm {
    width: 100%;
    height: auto;
}

.banner_wm img {
    width: 100%;
    height: 100%;
}

.content .con .li {
    width: 10rem;
    height: 7.1rem;
    display: inline-block;
    margin-right: 0.6rem;
    margin-top: 1rem;
    position: relative;
    cursor: pointer;
}

.content .con .li .pic_wm {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    will-change: transform;
}

.content .con .li {
    background-position: 0% 0%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.content .con .li:nth-child(2) {
    background-image: url(../images/wm_pic_2.png);
}

.content .con .li:nth-child(3) {
    background-image: url(../images/wm_pic_3.png);
}

.content .con .li:nth-child(4) {
    background-image: url(../images/wm_pic_4.png);
}

.content .con .li:nth-child(5) {
    background-image: url(../images/wm_pic_5.png);
}

.content .con .li:nth-child(6) {
    background-image: url(../images/wm_pic_6.png);
}

.content .con .li:first-child {
    background-image: url(../images/wm_pic_1.png);
}

.content .con .li:nth-child(2n) {
    margin-right: 0
}

.content .con .li .text {
    display: block;
    position: absolute;
    width: 80%;
    height: 100%;
    margin: auto;
    right: 0;
    line-height: 10.5rem;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* 外贸滑动导航 */
.wrapper03 {
    position: relative;
    height: 2.5rem;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
}

.wrapper03 .scroller {
    position: absolute;
    width:100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.wrapper03 .scroller::-webkit-scrollbar {
    background: none;
}

.wrapper03 .scroller::-webkit-scrollbar-thumb {
    background: rgba(71, 145, 242, .5);
    border-radius: 5px;
}

.wrapper03 .scroller::-webkit-scrollbar-track {}

.wrapper03 .scroller::-webkit-scrollbar-button {}

.wrapper03 .scroller::-webkit-scrollbar-track-piece {}

.wrapper03 .scroller li {
    height: 2.5rem;
    color: #333;
    line-height: 2.5rem;
    font-size: 1rem;
    text-align: center;
    display: inline-block;
}

.wrapper03 .scroller li a {
    color: #333;
    display: block;
    margin: 0 .3rem;
    padding: 0 .1rem
}

.wrapper03 .scroller li.cur a {
    color: #2fb15a;
    height: 2.5rem;
    border-bottom: .15rem solid #2fb15a;
}

/* 求售列表杂项 */
.list_qs .txt .time-more{
    margin-top: 2.3rem !important;
}
/* 求购列表杂项 */
.list_qg .txt .time-more{
    margin-top: 2rem !important;
}
/* 求购详情 */
.ny_pro_ny{
    
}
.ny_pro_ny .ny_pro_top{
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    border: 0px solid #eee;
    border-radius: 4px;
    margin: 0 0 10px 0;
    padding: 10px 15px;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_l{
    width: 100%;
    display: flex;
    padding-bottom: 10px;
    align-items: center;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_l .name_pic {
    width: 4.528rem;
    height: 4.528rem;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_l .name_pic img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.ny_pro_ny .ny_pro_top .ny_pro_top_l .pic {
    width: 100%;
    height: 100%;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_l .pic img{
    width: 100%;
    height: 100%;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_l .name_info {
    flex: 1;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_l .name_info .name{
    font-size: 1.56rem;
    color: #333;
    margin-left: 1rem;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_t{
}
.ny_pro_ny .ny_pro_top .ny_pro_top_t h3{
    font-size: 1rem;
    color: #000;
    font-weight: 600;
}
.ny_pro_top_t .prc {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
}
.ny_pro_top_t .prc span{
    font-size: 1rem;
    color: #ff6600;
}
.ny_pro_top_t .prc span em{
    font-size: .785rem;
    color: #383838;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_r{
    margin-top: 0.5rem;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_r h3{
    font-size: 1rem;
    color: #000;
    font-weight: 600;
}
.ny_pro_top_r .prc {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
}
.ny_pro_top_r .prc span{
    font-size: 1rem;
    color: #ff6600;
}
.ny_pro_top_r .prc span em{
    font-size: .785rem;
    color: #383838;
}
.ny_pro_ny .ny_pro_top .ny_pro_top_r .guige {
    font-size: 0.835rem;
    color: #7f7f7f;
    margin-bottom: 0.5rem;
}

.ny_pro_top_r .addcart li{
    display: flex;
    padding: 6px 0;
    align-items: center;
}
.ny_pro_top_r .addcart li .jdgg{
   width: 7rem;
   height: 2.5rem;
   line-height: 2.5rem;
   font-size: 1rem;
   color: #fff;
   padding: 0;
   background: #ff6600;
   margin-right: 1rem;
   border: unset;
}
.ny_pro_top_r .addcart li .lxdh{
    width: 9rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
    text-align: center;
    padding: 0;
    border: 1px solid #2fb15a;
    color: #2fb15a;
}
.ny_pro_top_r .addcart li .lxdh img{
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin-right: .1rem;
}

.ny_pro_ny .ny_pro_top .ny_pro_top_r .addcart li .lxdh_qg {
    width: 10rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.155rem;
    padding: 0.1rem .5rem;
    border: 1px solid #2fb15a;
    color: #2fb15a;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.ny_pro_ny .ny_pro_sj{
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    border: 0px solid #eee;
    border-radius: 4px;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con {
    display: block;
    margin: 0.5rem 0;
    position: relative;
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con .sj_pic{
    width: 4rem;
    height: 4rem;
    margin-right: 0.5rem;
    float: left;
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con .sj_pic img{
    width: 100%;
    height: 100%;
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con .txt{
    color: #333;
    font-size: 1rem;
    margin-bottom: .2rem;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con .pinfen{
    color: #8b8b8b;
    font-size: .835rem;
    margin-bottom: .2rem;
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con .shoucang{
    color: #8b8b8b;
    font-size: .835rem;
    margin-bottom: .2rem;
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con .shoucang span{
    color: #333;
    font-size: .835rem;
}
.ny_pro_ny .ny_pro_sj .ny_pro_sj_con .call_btn {
    width: auto;
    height: 2.125rem;
    color: #fff;
    border-radius: 0.125rem;
    display: block;
    text-align: center;
    line-height: 2.125rem;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0 0.781rem;
    font-size: 0.835rem;
    background: #2fb15a;
}



.ny_pro_ny .ny_pro_con{
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    border: 0px solid #eee;
    border-radius: 4px;
    margin: 0 0 10px 0;
    padding: 10px 15px;
}
.ny_pro_ny .ny_pro_con .ny_pro_b h4{
    font-size: 1.125rem;
    height: 2.625rem;
    line-height: 2.625rem;
    font-weight: 700;
}
.ny_pro_ny .ny_pro_con .ny_pro_b_nr{
    margin: 5px 0 15px 0;
    line-height: 25px;
    font-size: 0.875rem;
}

.ny_pro_ny .ny_pro_con .ny_pro_ly{
    
}
.ny_pro_ny .ny_pro_con .ny_pro_ly h4{
    font-size: 1.125rem;
    height: 2.625rem;
    line-height: 2.625rem;
    font-weight: 700;
}
.ny_pro_ny .ny_pro_con .ny_pro_ly .ny_pro_ly_nr {
    height: auto;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    overflow: hidden;
}
.ny_pro_ny .ny_pro_con .ny_pro_ly .ny_pro_ly_nr .message_nr {
    font: 16px "Microsoft Yahei";
    padding: 22px;
    color: #a8a8a8;
    resize: none;
    width: 100%;
    min-height: 182px;
    height: auto;
    background-color: #f7f7f7;
    border: unset;
}
.ny_pro_ny .ny_pro_con .ny_pro_ly .ny_pro_ly_nr .tijiao_nr {
    display: block;
    width: 132px;
    height: 43px;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    margin-top: 12px;
    text-align: center;
    vertical-align: middle;
    background-color: #2fb15a;
    border-radius: 25px;
    border: unset;
    cursor: pointer;
}
.tel_go {
    display: block;
    width: 6rem;
    height: 2rem;
    color: #ff6f06;
    position: fixed;
    bottom: 5rem;
    right: .4rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    background: rgba(255,255,255,.85);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s !important;
}

/* 品牌详情 */
.pinpai_pic{
    padding: 1rem 2rem;
    background: #fff;
}
.pinpai_pic img{
    max-width: 100%;
    height: auto;
}

/* 商家列表 */

.shanghu-list{
    
}
.shanghu-list .item{
    display: flex;
    background-color: #fff;
    padding: 0.625rem;
    margin-bottom: 0.9375rem;
}
.shanghu-list .item:last-child{
    margin-bottom: 0;
}
.shanghu-list .item .img{
    width: 7.25rem;
    height: 6.25rem;
    overflow: hidden;
}
.shanghu-list .item .img img{
    width: 100%;
    height: 100%;
}
.shanghu-list .item .txt{
    width: calc(100% - 6.25rem - 0.625rem);
}
.shanghu-list .item .txt .tit{
    font-size: .875rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    line-height: 1.5;
}
.shanghu-list .item .txt .pingfen{
    font-size: 0.735rem;
    color: #999;
    width: 100%;
    margin-top: 1.1rem;
    margin-left: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.shanghu-list .item .txt .pingfen .star {
    display: inline-block;
    width: .785rem;
    height: .785rem;
    margin-bottom: 0.1rem;
    vertical-align: middle;
    
}

.shanghu-list .item .txt .info{
    font-size: 0.735rem;
    color: #999;
    width: 100%;
    margin-top: 1.1rem;
    display: inline-block;
}
.shanghu-list .item .txt .info span{
    font-size: 0.735rem;
    color: #999;
    margin-right: 0.1rem;
    display: inline-block;
}

/* 商家详情 */

.sh_con{
    padding: .6rem 0;
}
.sh_con .con_l{
    margin: 0 auto;
    width: calc(100% - 1.875rem);
    background: #fff;
    position: relative;
    padding: .5rem 0;
    
}
.sh_con .con_l .logo {
    display: inline-block;
    vertical-align: middle;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: .5rem;
}
.sh_con .con_l .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
}
.sh_con .con_l .text .name {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #434343;
    margin-bottom: .3rem;
}
.sh_con .con_l .text .p {
    font-size: .835rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #8b8b8b;
}
.sh_con .con_l .text .p span {
    font-size: 0.785rem;
}
.sh_con .con_l .text .p i {
    font-style: normal;
    font-size: 1rem;
    color: #8b8b8b;
}
.sh_con .con_l .text .p span img {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
}
.sh_con .con_l .sh_jj{
   position: absolute;
   top: 1rem;
   right: 0;
   font-size: .835rem;
   padding: .3rem;
   color: #fff;
   background: #ff9c00;
}

/* .sh_yf{
    margin: 0 auto;
    width: calc(100% - 1.875rem);
    background: #fff;
    position: relative;
    padding: .5rem;
} */
/* .sh_yf .sh_yhj{
    display: block;
    padding: 0.8rem 0;
    border-bottom: #e7e7e7 solid 1px;
}
.sh_yf .sh_yhj .yh_l{
    display: inline-block;
    font-size: .835rem;
    padding: .3rem;
    color: #fff;
    background: #ff9c00;
    
}
.sh_yf .sh_yhj .yh_r{
    display: inline-block;
    float: right;
    font-size: .835rem;
    padding: .3rem;
    color: #ff9c00;
} */
.fenlei{
    margin: 0 auto;
    width: calc(100% - 1.875rem);
    background: #fff;
    position: relative;
    padding: .5rem;
}
.wrapper02 {
    position: relative;
    height: 2rem;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.wrapper02 .scroller {
    position: absolute;
    width:100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.wrapper02 .scroller::-webkit-scrollbar {
    background: none;
}

.wrapper02 .scroller::-webkit-scrollbar-thumb {
    background: rgba(71, 145, 242, .5);
    border-radius: 5px;
}

.wrapper02 .scroller::-webkit-scrollbar-track {}

.wrapper02 .scroller::-webkit-scrollbar-button {}

.wrapper02 .scroller::-webkit-scrollbar-track-piece {}

.wrapper02 .scroller li {
    height: 2rem;
    color: #333;
    line-height: 2rem;
    font-size: 1rem;
    text-align: center;
    display: inline-block;
}

.wrapper02 .scroller li a {
    color: #333;
    display: block;
    margin: 0 .3rem;
    padding: 0 .1rem
}


.wrapper02 .scroller li.cur a{
    position: relative;
}
.wrapper02 .scroller li.cur a:after {
    content: " ";
    width: 1.5rem;
    height: 0.22rem;
    background: #2fb15a;
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
}


.e_meng {
    /* position: fixed; */
    /* width: 100%; */
    /* height: 100%; */
    /* left: 0; */
    /* top: 0; */
    /* background-color: rgba(0,0,0,.5); */
}
.e_tan {
    position: absolute;
    width: 100%;
    height: 608px;
    background-color: #fff;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.e_tan .text {
    width: 90%;
    margin: 20px auto auto;
    height: 515px;
    overflow-y: scroll
}
.e_tan .text p{
    margin: 5px 0 15px 0;
    line-height: 25px;
    font-size: 0.875rem;
}
.e_tan .e_tan_tit {
    height: 2.3rem;
    line-height: 2.3rem;
    text-align: center;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #333;
    background-color: #f6f6f6
}

.e_tan .e_tan_tit .close {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.3rem;
    cursor: pointer;
    width: 2.3rem
}

.e_tan .e_tan_tit .close img {
    display: block;
    width: .67rem;
    height: .67rem;
    margin: .9rem auto auto
}


.footsh {
    display: flex;
    height: 3.125rem;
    background: #fff;
    box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.05);
    justfily-content: center;
    align-items: center;
}
.fixed-bottom {
    position: fixed;
    bottom: 0;
    z-index: 30;
    right: 0;
    left: 0;
}
.footbsh {
    flex: 1;
    display: flex;
}

.footbsh a{
    flex: 1;
    display: block;
    padding: .5rem 0;
    color: #fff;
    text-align: center;
    font-size: .835rem;
    border: 0;
    margin: 0 2rem;
}
.footbsh a i{
    font-size: .935rem;
}
.footbsh a.dianhua {
    color: #ff6600;
    border: 1px solid #ff6600;
    border-radius: 2rem;
}
.footbsh a.collect {
    margin-left: 0;
    background: #2fb15a;
    border-radius: 2rem;
}