html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, canvas, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { margin: 0; padding: 0; font-family: 'Microsoft Yahei', 'Hiragino Sans GB', Helvetica, Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; }
html:before, html:after, body:before, body:after, div:before, div:after, span:before, span:after, applet:before, applet:after, object:before, object:after, iframe:before, iframe:after, h1:before, h1:after, h2:before, h2:after, h3:before, h3:after, h4:before, h4:after, h5:before, h5:after, h6:before, h6:after, p:before, p:after, blockquote:before, blockquote:after, pre:before, pre:after, a:before, a:after, abbr:before, abbr:after, acronym:before, acronym:after, address:before, address:after, big:before, big:after, cite:before, cite:after, code:before, code:after, del:before, del:after, dfn:before, dfn:after, em:before, em:after, font:before, font:after, img:before, img:after, ins:before, ins:after, kbd:before, kbd:after, q:before, q:after, s:before, s:after, samp:before, samp:after, small:before, small:after, strike:before, strike:after, strong:before, strong:after, sub:before, sub:after, sup:before, sup:after, tt:before, tt:after, var:before, var:after, b:before, b:after, u:before, u:after, i:before, i:after, center:before, center:after, canvas:before, canvas:after, dl:before, dl:after, dt:before, dt:after, dd:before, dd:after, ol:before, ol:after, ul:before, ul:after, li:before, li:after, fieldset:before, fieldset:after, form:before, form:after, label:before, label:after, legend:before, legend:after, table:before, table:after, caption:before, caption:after, tbody:before, tbody:after, tfoot:before, tfoot:after, thead:before, thead:after, tr:before, tr:after, th:before, th:after, td:before, td:after, input:before, input:after, textarea:before, textarea:after { box-sizing: border-box; }

html, body { background: #eee; height: 100%; box-sizing: border-box; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }
html > a, body > a { display: block; height: 0; overflow: hidden; font-size: 0; }

a { text-decoration: none; color: inherit; }
a:hover { color: initial; }

.main-width { width: 16rem; margin: 0 auto; }

.common-header { height: 3.584rem; }
.common-header .fixed { position: fixed; top: 0; z-index: 99; }
.common-header .box { display: flex; justify-content: space-between; background: #4D7BB9; }
.common-header .backspace { display: flex; align-items: flex-end; padding: 0.4693333333rem 0.64rem; color: #fff; }
.common-header .backspace i { height: 0.8533333333rem; overflow: hidden; font-size: 0.768rem; font-weight: bold; }
.common-header .backspace span { line-height: 0.9386666667rem; margin-left: 0.3413333333rem; font-size: 0.6826666667rem; }
.common-header .more { display: flex; font-size: 0; }
.common-header .more a { width: 1.8773333333rem; height: 1.8773333333rem; line-height: 1.8773333333rem; margin-right: 0.4266666667rem; text-align: center; }
.common-header .more i { font-size: 0.8533333333rem; color: #fff; }
.common-header .publicize { background: #fff; height: 1.7066666667rem; }
.common-header .publicize .txt { display: block; line-height: 1.7066666667rem; padding: 0 0.5973333333rem; font-size: 0.5973333333rem; color: #E93323; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.common-footer { line-height: 1.8773333333rem; text-align: center; font-size: 0.5973333333rem; color: #666; }

.common-crumb { background: #F7F7F7; line-height: 1.1946666667rem; padding: 0 0.5973333333rem; font-size: 0.512rem; color: #999; }

.common-carousel { position: relative; touch-action: none; }
.common-carousel .box { position: relative; width: 16rem; height: 12.8rem; }
.common-carousel .box li { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; transition: opacity 0.6s; }
.common-carousel .box li.on { opacity: 1; }
.common-carousel .box li img { display: block; max-width: 100%; max-height: 100%; }
.common-carousel .drop { position: absolute; right: 0; bottom: 0.4266666667rem; left: 0; display: flex; justify-content: center; }
.common-carousel .drop i { background: rgba(0, 0, 0, 0.5); width: 0.3413333333rem; height: 0.3413333333rem; margin: 0 0.1066666667rem; border-radius: 100%; }
.common-carousel .drop i.on { background: #E93323; }

.common-area-select-layer { position: fixed; top: 0; right: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.5); height: 100%; z-index: 999999; }
.common-area-select-layer.show { display: block; }
.common-area-select-layer .main { position: absolute; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; background: #fff; height: 76%; border-radius: 0.8533333333rem 0.8533333333rem 0 0; }
.common-area-select-layer .main .close { position: absolute; top: 0.8533333333rem; right: 0.8533333333rem; font-size: 0.64rem; color: #999; }
.common-area-select-layer .main .title { line-height: 0.9386666667rem; padding: 0.6826666667rem 0.8533333333rem 0.5973333333rem; border-bottom: 0.0426666667rem solid #EEE; font-size: 0.6826666667rem; color: #333; }
.common-area-select-layer .main .tags { position: relative; display: flex; margin: 0 0.8533333333rem; padding: 0 0.32rem; }
.common-area-select-layer .main .tags::after { position: absolute; right: 0; bottom: 0; left: 0; background: #EEE; height: 0.0853333333rem; content: ""; }
.common-area-select-layer .main .tags .item { position: relative; flex: 1; display: none; overflow: hidden; margin: 0 0.32rem; }
.common-area-select-layer .main .tags .item.show { display: block; }
.common-area-select-layer .main .tags .item.on { z-index: 2; }
.common-area-select-layer .main .tags .item.on span { border-bottom: 0.0853333333rem solid #44A5FE; color: #44A5FE; }
.common-area-select-layer .main .tags .item span { display: inline-block; max-width: 100%; line-height: 1.0666666667rem; padding: 0.8106666667rem 0 0.512rem; border-bottom: 0.0853333333rem solid transparent; vertical-align: top; font-size: 0.768rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.common-area-select-layer .main .content { flex: 1; overflow: hidden; margin: 0 0.8533333333rem; }
.common-area-select-layer .main .list { display: none; height: 100%; overflow: hidden; overflow-y: auto; }
.common-area-select-layer .main .list.on { display: block; }
.common-area-select-layer .main .list .item { line-height: 1.7066666667rem; padding: 0 0.64rem; font-size: 0.6826666667rem; color: #666; }
.common-area-select-layer .main .list .item:nth-child(even) { background: #FAFAFA; }
.common-area-select-layer .main .list .item.on { color: #44A5FE; }

.common-screen-layer { position: fixed; top: 0; right: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.5); height: 100%; z-index: 999999; }
.common-screen-layer.show { display: block; }
.common-screen-layer .main { position: absolute; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; background: #fff; height: 76%; border-radius: 0.8533333333rem 0.8533333333rem 0 0; }
.common-screen-layer .main .close { position: absolute; top: 0.8533333333rem; right: 0.8533333333rem; font-size: 0.64rem; color: #999; }
.common-screen-layer .main .title { line-height: 0.9386666667rem; padding: 0.6826666667rem 0.8533333333rem 0.5973333333rem; border-bottom: 0.0426666667rem solid #EEE; font-size: 0.6826666667rem; color: #333; }
.common-screen-layer .main .list { flex: 1; overflow: hidden; overflow-y: auto; margin: 0 0.512rem; padding: 0 0 0.8533333333rem; }
.common-screen-layer .main .list .item { margin: 0 -0.4266666667rem 0 0; padding: 0.768rem 0 0; font-size: 0; }
.common-screen-layer .main .list .item .name { line-height: 1.024rem; font-size: 0.5973333333rem; font-weight: bold; color: #000; }
.common-screen-layer .main .list .item label { display: inline-block; background: #FAFAFA; line-height: 1.28rem; margin: 0.4266666667rem 0.4266666667rem 0 0; padding: 0 0.8106666667rem; border: 0.0426666667rem solid #EEE; border-radius: 1.28rem; vertical-align: top; font-size: 0.5973333333rem; color: #666; }
.common-screen-layer .main .list .item label.on { background: #F0F8FF; border: 0.0426666667rem solid #97CDFE; }
.common-screen-layer .main .buttons { display: flex; }
.common-screen-layer .main .buttons button { flex: 1; height: 2.56rem; margin: 0; padding: 0; border: 0; font-size: 0.768rem; }
.common-screen-layer .main .buttons button.reset { background: #EEE; color: #666; }
.common-screen-layer .main .buttons button.confirm { background: #44A5FE; color: #fff; }

.common-contact-layer { position: fixed; top: 0; right: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.5); height: 100%; z-index: 999999; }
.common-contact-layer.show { display: flex; justify-content: center; align-items: center; }
.common-contact-layer .main { position: relative; background: #FFF; width: 11.0933333333rem; overflow: hidden; border-radius: 0.3413333333rem; }
.common-contact-layer .main .close { position: absolute; top: 0.64rem; right: 0.64rem; font-size: 0.64rem; color: #999; }
.common-contact-layer .main .code { display: flex; flex-direction: column; align-items: center; padding: 1.7066666667rem 0 0.8533333333rem; }
.common-contact-layer .main .code img { display: block; width: 5.12rem; height: 5.12rem; }
.common-contact-layer .main .code p { line-height: 1.024rem; margin: 0.512rem 0 0; font-size: 0.5973333333rem; color: #999; }
.common-contact-layer .main ul { background: #FAFAFA; padding: 0.384rem 0; border-top: 0.0426666667rem solid #EEE; }
.common-contact-layer .main ul li { display: flex; justify-content: space-between; line-height: 1.1946666667rem; margin: 0.128rem 0; padding: 0 0.512rem; }
.common-contact-layer .main ul li span { font-size: 0.5973333333rem; color: #666; }
.common-contact-layer .main ul li label { font-size: 0.5973333333rem; color: #056DE8; }

.enterprise-ranking { background: #fff; }
.enterprise-ranking .title { display: flex; align-items: center; padding: 0.6826666667rem 0 0.512rem; }
.enterprise-ranking .title i { background-image: linear-gradient(#44A5FE, #97C6F0); width: 0.256rem; height: 0.6826666667rem; margin: 0 0.256rem 0 0.512rem; border-radius: 0.256rem; }
.enterprise-ranking .title span { line-height: 1.0666666667rem; font-size: 0.768rem; font-weight: bold; color: #333; }
.enterprise-ranking .tabs { display: flex; justify-content: space-around; padding: 0 0.128rem; border-radius: 0.8533333333rem 0.8533333333rem 0 0; font-size: 0.5973333333rem; color: #fff; }
.enterprise-ranking .tabs[color="1"] { background: #44A5FE; }
.enterprise-ranking .tabs[color="2"] { background: #FF6B6B; }
.enterprise-ranking .tabs[color="3"] { background: #FF8946; }
.enterprise-ranking .tabs[color="4"] { background: #8876FF; }
.enterprise-ranking .tabs .item { line-height: 1.28rem; padding: 0.512rem 0 0.5973333333rem; }
.enterprise-ranking .tabs .item i { display: none; }
.enterprise-ranking .tabs .item.on { position: relative; font-size: 0.768rem; font-weight: bold; }
.enterprise-ranking .tabs .item.on i { position: absolute; right: 0; bottom: 0; left: 0; display: block; line-height: 0.9386666667rem; text-align: center; font-size: 0.9386666667rem; font-weight: normal; }
.enterprise-ranking .content { padding: 0.1706666667rem 0 0; }
.enterprise-ranking .content .list { display: none; padding: 0 0.8533333333rem; }
.enterprise-ranking .content .list.on { display: block; }
.enterprise-ranking .content .list .item { display: flex; align-items: center; border-bottom: 0.0426666667rem solid #eee; }
.enterprise-ranking .content .list .item:nth-child(-n+3) em { background: #FE5A5A; }
.enterprise-ranking .content .list .item em { background: #ccc; width: 1.024rem; height: 1.024rem; line-height: 1.024rem; margin-right: 0.512rem; border-radius: 0.0853333333rem; text-align: center; font-style: normal; font-size: 0.5973333333rem; color: #fff; }
.enterprise-ranking .content .list .item span { flex: 1; line-height: 1.8346666667rem; font-size: 0.6826666667rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-ranking .more { display: flex; justify-content: center; align-items: center; padding: 0.6826666667rem 0; }
.enterprise-ranking .more a { line-height: 0.8533333333rem; font-size: 0.5973333333rem; color: #999; }
.enterprise-ranking .more a i { display: inline-block; margin-left: 0.128rem; vertical-align: top; font-size: 0.4266666667rem; font-weight: bold; }

.common-paging { display: flex; justify-content: center; padding: 0.8533333333rem 0; }
.common-paging .txt { line-height: 1.3653333333rem; margin: 0 0.512rem; font-size: 0.5973333333rem; }
.common-paging .txt span { color: #E93323; }
.common-paging button { background: #fff; width: 2.816rem; line-height: 1.28rem; border: 0.0426666667rem solid #ddd; border-radius: 0.1706666667rem; text-align: center; font-size: 0.5973333333rem; color: #333; }
    .common-paging a {
        background: #fff;
        width: 2.816rem;
        line-height: 1.28rem;
        border: 0.0426666667rem solid #ddd;
        border-radius: 0.1706666667rem;
        text-align: center;
        font-size: 0.5973333333rem;
        color: #333;
    }
.common-paging button[disabled], .common-paging button .disabled { color: #999; }

.enterprise-recommend { background: #fff; margin-top: 0.4266666667rem; }
.enterprise-recommend .title { display: flex; align-items: center; padding: 0.6826666667rem 0 0.512rem; }
.enterprise-recommend .title i { background-image: linear-gradient(#44A5FE, #97C6F0); width: 0.256rem; height: 0.6826666667rem; margin: 0 0.256rem 0 0.512rem; border-radius: 0.256rem; }
.enterprise-recommend .title span { line-height: 1.0666666667rem; font-size: 0.768rem; font-weight: bold; color: #333; }
.enterprise-recommend .list { text-align: center; }
.enterprise-recommend .list .item { display: inline-block; width: 4.6933333333rem; margin: 0 0.2133333333rem 0.6826666667rem; vertical-align: top; }
.enterprise-recommend .list .item img { display: block; width: 2.2186666667rem; height: 2.2186666667rem; margin: 0 auto; border: 0.0426666667rem solid #eee; border-radius: 100%; }
.enterprise-recommend .list .item .name { line-height: 0.8533333333rem; margin: 0.256rem 0 0.1706666667rem; font-size: 0.5973333333rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-recommend .list .item .address { line-height: 0.7253333333rem; font-size: 0; color: #999; }
.enterprise-recommend .list .item .address i { display: inline-block; margin-right: 0.256rem; vertical-align: top; font-size: 0.512rem; }
.enterprise-recommend .list .item .address span { display: inline-block; max-width: 3.84rem; vertical-align: top; font-size: 0.512rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-recommend .more { display: flex; justify-content: center; align-items: center; padding: 0 0 0.6826666667rem; }
.enterprise-recommend .more a { line-height: 0.8533333333rem; font-size: 0.5973333333rem; color: #999; }
.enterprise-recommend .more a i { display: inline-block; margin-left: 0.128rem; vertical-align: top; font-size: 0.4266666667rem; font-weight: bold; }

.enterprise-list { background: #fff; }
.enterprise-list .header { display: flex; line-height: 1.28rem; padding: 0.4266666667rem 0.512rem 0.3413333333rem; }
.enterprise-list .header .current { flex: 1; display: flex; }
.enterprise-list .header .current span { font-size: 0.5973333333rem; color: #666; }
.enterprise-list .header .current label { max-width: 8.5333333333rem; font-size: 0.5973333333rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-list .header .current i { margin-left: 0.2133333333rem; font-size: 0.512rem; font-weight: bold; color: #999; }
.enterprise-list .header .screen { display: flex; position: relative; margin-left: 0.64rem; color: #333; }
.enterprise-list .header .screen::before { position: absolute; top: 0; left: -0.2986666667rem; bottom: 0; background-image: linear-gradient(#fff 20%, #ddd, #fff 80%); width: 2px; content: ""; }
.enterprise-list .header .screen span { font-size: 0.5973333333rem; }
.enterprise-list .header .screen i { margin-left: 0.128rem; font-size: 0.512rem; }
.enterprise-list .list .item { background: linear-gradient(180deg, rgba(79, 156, 238, 0.1) 0%, rgba(255, 255, 255, 0) 100%); padding: 0.6826666667rem 0.512rem 0.9386666667rem; border-radius: 0.8533333333rem 0.8533333333rem 0 0; }
.enterprise-list .list .item .info { display: flex; justify-content: space-between; margin: 0 0 0.768rem; }
.enterprise-list .list .item .info .box { display: flex; align-items: center; }
.enterprise-list .list .item .info .picture { width: 1.1946666667rem; height: 1.1946666667rem; border: 0.0426666667rem solid #EEE; border-radius: 100%; }
.enterprise-list .list .item .info .name { line-height: 0.9386666667rem; margin-left: 0.256rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; }
.enterprise-list .list .item .info .cooperate { display: flex; height: 0.7253333333rem; line-height: 0.7253333333rem; margin: 0.1706666667rem 0.384rem 0 0; font-size: 0.512rem; color: #E93323; }
.enterprise-list .list .item .info .cooperate i { margin-right: 0.128rem; font-size: 0.512rem; }
.enterprise-list .list .item .product-box { display: flex; justify-content: center; }
.enterprise-list .list .item .product-box .product { width: 4.6933333333rem; margin: 0 0.2133333333rem; }
.enterprise-list .list .item .product-box .product .picture { display: block; width: 4.6933333333rem; height: 4.6933333333rem; }
.enterprise-list .list .item .product-box .product .name { display: -webkit-box; height: 1.4506666667rem; line-height: 0.7253333333rem; overflow: hidden; margin: 0.256rem 0; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.512rem; color: #333; }
.enterprise-list .list .item .product-box .product .price { font-size: 0.5973333333rem; color: #E93323; }

.popular-products { background: #fff; }
.popular-products .title { display: flex; align-items: center; padding: 0.6826666667rem 0 0.512rem; }
.popular-products .title i { background-image: linear-gradient(#44A5FE, #97C6F0); width: 0.256rem; height: 0.6826666667rem; margin: 0 0.256rem 0 0.512rem; border-radius: 0.256rem; }
.popular-products .title span { line-height: 1.0666666667rem; font-size: 0.768rem; font-weight: bold; color: #333; }
.popular-products .header { display: flex; justify-content: space-between; position: relative; margin: 0 0.512rem; padding: 0 0.3413333333rem; }
.popular-products .header::before { position: absolute; right: 0; bottom: 0; left: 0; background: #eee; height: 0.0426666667rem; content: ""; }
.popular-products .header .tags { display: flex; overflow: hidden; overflow-x: auto; }
.popular-products .header .tags .item { flex: none; position: relative; line-height: 1.28rem; margin-right: 1.1093333333rem; padding: 0 0 0.256rem; font-size: 0.5973333333rem; color: #666; }
.popular-products .header .tags .item:last-child { margin-right: 0; }
.popular-products .header .tags .item.on { font-size: 0.6826666667rem; font-weight: bold; color: #E93323; }
.popular-products .header .tags .item.on::before { position: absolute; right: 0; bottom: 0; left: 0; background: #E93323; width: 0.8533333333rem; height: 0.128rem; margin: 0 auto; border-radius: 0.128rem; content: ""; }
.popular-products .header .refresh { line-height: 1.28rem; margin-left: 0.64rem; font-size: 0.64rem; color: #E93323; }
.popular-products .list { display: none; text-align: center; font-size: 0; }
.popular-products .list.on { display: block; }
.popular-products .list .item { display: inline-block; width: 7.2533333333rem; margin: 0.4266666667rem 0.2133333333rem 0; overflow: hidden; border: 0.0426666667rem solid #eee; border-radius: 0.1706666667rem; vertical-align: top; text-align: left; }
.popular-products .list .item .picture { width: 7.168rem; height: 7.168rem; }
.popular-products .list .item .price { line-height: 0.9386666667rem; margin: 0.4266666667rem 0.4266666667rem 0.256rem; font-size: 0.6826666667rem; color: #E93323; }
.popular-products .list .item .name { display: -webkit-box; height: 1.792rem; line-height: 0.896rem; overflow: hidden; margin: 0 0.4266666667rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.5973333333rem; color: #333; }
.popular-products .list .item .shop { display: flex; justify-content: space-between; align-items: center; margin: 0.256rem 0.4266666667rem 0.4266666667rem; }
.popular-products .list .item .shop .txt { flex: 1; line-height: 0.9386666667rem; font-size: 0.512rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.popular-products .list .item .shop label { background: #E93323; line-height: 0.8533333333rem; margin-left: 0.4266666667rem; padding: 0 0.128rem; border-radius: 0.0853333333rem; font-size: 0.512rem; color: #fff; }
.popular-products .more { display: flex; justify-content: center; align-items: center; padding: 0.6826666667rem 0; }
.popular-products .more a { line-height: 0.8533333333rem; font-size: 0.5973333333rem; color: #999; }
.popular-products .more a i { display: inline-block; margin-left: 0.128rem; vertical-align: top; font-size: 0.4266666667rem; font-weight: bold; }

.product-recommend { background: #fff; margin-top: 0.4266666667rem; padding: 0.64rem 0 0; }
.product-recommend .tags { display: flex; position: relative; margin: 0 0.512rem; padding: 0 0.3413333333rem; overflow: hidden; overflow-x: auto; }
.product-recommend .tags::before { position: absolute; right: 0; bottom: 0; left: 0; background: #eee; height: 0.0426666667rem; content: ""; }
.product-recommend .tags .item { flex: none; position: relative; line-height: 1.28rem; margin-right: 1.536rem; padding: 0 0 0.256rem; font-size: 0.5973333333rem; color: #666; }
.product-recommend .tags .item:last-child { margin-right: 0; }
.product-recommend .tags .item.on { font-size: 0.6826666667rem; font-weight: bold; color: #E93323; }
.product-recommend .tags .item.on::before { position: absolute; right: 0; bottom: 0; left: 0; background: #E93323; width: 0.8533333333rem; height: 0.128rem; margin: 0 auto; border-radius: 0.128rem; content: ""; }
.product-recommend .list { display: none; margin: 0 0.8533333333rem; }
.product-recommend .list.on { display: block; }
.product-recommend .list .item { display: flex; line-height: 1.8773333333rem; border-bottom: 0.0426666667rem dashed #E9E9E9; font-size: 0.5973333333rem; }
.product-recommend .list .item:last-child { border-bottom: 0; }
.product-recommend .list .item .name { flex: 1; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-recommend .list .item .time { margin-left: 0.4266666667rem; white-space: nowrap; color: #999; }

.product-list { background: #fff; }
.product-list .header { display: flex; line-height: 1.28rem; padding: 0.4266666667rem 0.512rem 0.3413333333rem; }
.product-list .header .current { flex: 1; display: flex; }
.product-list .header .current span { font-size: 0.5973333333rem; color: #666; }
.product-list .header .current label { max-width: 8.5333333333rem; font-size: 0.5973333333rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-list .header .current i { margin-left: 0.2133333333rem; font-size: 0.512rem; font-weight: bold; color: #999; }
.product-list .header .screen { display: flex; position: relative; margin-left: 0.64rem; color: #333; }
.product-list .header .screen::before { position: absolute; top: 0; left: -0.2986666667rem; bottom: 0; background-image: linear-gradient(#fff 20%, #ddd, #fff 80%); width: 2px; content: ""; }
.product-list .header .screen span { font-size: 0.5973333333rem; }
.product-list .header .screen i { margin-left: 0.128rem; font-size: 0.512rem; }
.product-list .sort { display: flex; background: linear-gradient(180deg, rgba(79, 156, 238, 0.1) 0%, rgba(255, 255, 255, 0) 100%); padding: 0.6826666667rem 0.8533333333rem; border-radius: 0.8533333333rem 0.8533333333rem 0 0; }
.product-list .sort .item { line-height: 0.8533333333rem; margin-right: 1.28rem; font-size: 0.5973333333rem; color: #333; }
.product-list .sort .item.on { font-weight: bold; color: #E93323; }
.product-list .list { padding: 0 0 0.256rem; text-align: center; font-size: 0; }
.product-list .list .item { display: inline-block; width: 7.2533333333rem; margin: 0 0.2133333333rem 0.4266666667rem; overflow: hidden; border: 0.0426666667rem solid #eee; border-radius: 0.1706666667rem; vertical-align: top; text-align: left; }
.product-list .list .item .picture { width: 7.168rem; height: 7.168rem; }
.product-list .list .item .price { line-height: 0.9386666667rem; margin: 0.4266666667rem 0.4266666667rem 0.256rem; font-size: 0.6826666667rem; color: #E93323; }
.product-list .list .item .name { display: -webkit-box; height: 1.792rem; line-height: 0.896rem; overflow: hidden; margin: 0 0.4266666667rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.5973333333rem; color: #333; }
.product-list .list .item .shop { display: flex; justify-content: space-between; align-items: center; margin: 0.256rem 0.4266666667rem 0.4266666667rem; }
.product-list .list .item .shop .txt { flex: 1; line-height: 0.9386666667rem; font-size: 0.512rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-list .list .item .shop label { background: #E93323; line-height: 0.8533333333rem; margin-left: 0.4266666667rem; padding: 0 0.128rem; border-radius: 0.0853333333rem; font-size: 0.512rem; color: #fff; }
.product-list .common-paging { padding-top: 0.1706666667rem; }

.products-info { position: relative; background: #fff; padding: 0.6826666667rem 0.512rem; }
.products-info .price { display: flex; height: 1.4506666667rem; overflow: hidden; color: #E93323; }
.products-info .price label { line-height: 1.7066666667rem; font-size: 0.6826666667rem; }
.products-info .price span { line-height: 1.4506666667rem; font-size: 1.024rem; font-weight: bold; }
.products-info .name { line-height: 1.1946666667rem; margin: 0.384rem 0 0.2986666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #000; }
.products-info .txt .col1 { color: #4D7BB9; }
.products-info .txt p { margin-right: -1.28rem; font-size: 0; }
.products-info .txt span { display: inline-block; line-height: 1.28rem; margin-right: 1.28rem; vertical-align: top; font-size: 0.5973333333rem; color: #666; }
.products-info .report { position: absolute; top: 0.9386666667rem; right: 0.512rem; display: flex; line-height: 0.7253333333rem; font-size: 0.512rem; color: #E93323; }
.products-info .report i { margin-right: 0.128rem; font-size: 0.5546666667rem; }
.products-info .contact { position: absolute; top: 0.9386666667rem; right: 2.688rem; display: flex; line-height: 0.7253333333rem; font-size: 0.512rem; color: #999; }
.products-info .contact i { margin-right: 0.128rem; font-size: 0.5546666667rem; }

.products-details { background: #fff; margin-top: 0.4266666667rem; padding: 0 0 0.6826666667rem; overflow: hidden; }
.products-details .title { position: relative; margin: 0.6826666667rem 0.512rem; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.products-details .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.products-details .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.products-details .content { line-height: 1.1946666667rem; margin: 0 0.512rem; font-size: 0.5973333333rem; color: #666; }
.products-details .content img { max-width: 100%; vertical-align: bottom; }

.product-introduce { background: #fff; margin-top: 0.4266666667rem; overflow: hidden; }
.product-introduce .title { position: relative; margin: 0.8533333333rem 0.512rem 0.6826666667rem; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.product-introduce .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.product-introduce .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.product-introduce .list { padding: 0 0 0.256rem; text-align: center; font-size: 0; }
.product-introduce .list .item { display: inline-block; width: 7.2533333333rem; margin: 0 0.2133333333rem 0.4266666667rem; overflow: hidden; border: 0.0426666667rem solid #eee; border-radius: 0.1706666667rem; vertical-align: top; text-align: left; }
.product-introduce .list .item .picture { width: 7.168rem; height: 7.168rem; }
.product-introduce .list .item .price { line-height: 0.9386666667rem; margin: 0.4266666667rem 0.4266666667rem 0.256rem; font-size: 0.6826666667rem; color: #E93323; }
.product-introduce .list .item .name { display: -webkit-box; height: 1.792rem; line-height: 0.896rem; overflow: hidden; margin: 0 0.4266666667rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.5973333333rem; color: #333; }
.product-introduce .list .item .shop { display: flex; justify-content: space-between; align-items: center; margin: 0.256rem 0.4266666667rem 0.4266666667rem; }
.product-introduce .list .item .shop .txt { flex: 1; line-height: 0.9386666667rem; font-size: 0.512rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-introduce .list .item .shop label { background: #E93323; line-height: 0.8533333333rem; margin-left: 0.4266666667rem; padding: 0 0.128rem; border-radius: 0.0853333333rem; font-size: 0.512rem; color: #fff; }

.products-show-info { display: flex; align-items: center; background: #fff; margin-top: 0.4266666667rem; padding: 0.6826666667rem 0.512rem; }
.products-show-info img { width: 2.048rem; height: 2.048rem; border: 0.0426666667rem solid #EEE; border-radius: 100%; }
.products-show-info .box { flex: 1; padding: 0 0.4266666667rem; }
.products-show-info .box .name { display: flex; }
.products-show-info .box .name span { max-width: 7.2533333333rem; line-height: 0.8533333333rem; font-size: 0.5973333333rem; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products-show-info .box .name label { background: #E93323; width: 2.304rem; line-height: 0.768rem; margin-left: 0.3413333333rem; border-radius: 0.0853333333rem; text-align: center; font-size: 0.512rem; color: #fff; }
.products-show-info .box .txt { line-height: 0.8533333333rem; margin: 0.3413333333rem 0 0; font-size: 0.512rem; color: #999; }
.products-show-info .button { background: linear-gradient(90deg, #EC3921 0%, #F98514 100%); width: 2.4746666667rem; line-height: 1.1946666667rem; border-radius: 0.8533333333rem; text-align: center; font-size: 0.5973333333rem; color: #fff; }

.products-bottom-button { position: fixed; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; background: #FFF; padding: 0.256rem 0; border-top: 0.0426666667rem solid #EEE; z-index: 99; }
.products-bottom-button .button { width: 5.9733333333rem; height: 1.536rem; line-height: 1.4506666667rem; margin: 0 0.4266666667rem; border-radius: 1.4506666667rem; text-align: center; font-size: 0.5973333333rem; }
.products-bottom-button .button.contact { background: #FFF; border: 0.0426666667rem solid #E93323; color: #E93323; }
.products-bottom-button .button.buy { background: #E93323; border: 0.0426666667rem solid #E93323; color: #FFF; }

.shop-info { position: relative; background: no-repeat url("https://www.thaimotorcar.com/images/new/shop-banner.png"); background-size: cover; overflow: hidden; padding: 0.8533333333rem 0.8533333333rem 0; }
.shop-info .cooperate { position: absolute; top: 0.512rem; right: 0.512rem; display: flex; justify-content: center; background: #E93323; width: 3.2426666667rem; line-height: 0.9813333333rem; border-radius: 0.1706666667rem; }
.shop-info .cooperate i { margin-right: 0.128rem; font-size: 0.5546666667rem; color: #fff; }
.shop-info .cooperate span { font-size: 0.512rem; color: #fff; }
.shop-info .name { display: flex; margin: 0 0 0.6826666667rem; align-items: center; }
.shop-info .name .picture { width: 1.536rem; height: 1.536rem; margin-right: 0.256rem; border: 0.0426666667rem solid #EEE; border-radius: 100%; }
.shop-info .name span { width: 9.3866666667rem; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop-info ul { font-size: 0; }
.shop-info ul li { display: inline-block; max-width: 100%; line-height: 0.8533333333rem; margin: 0 0 0.4266666667rem; vertical-align: top; }
.shop-info ul li.w100 { width: 100%; }
.shop-info ul li.mr60 { margin-right: 1.28rem; }
.shop-info ul li.label { display: flex; }
.shop-info ul li.label .box { flex: 1; margin-right: -0.3413333333rem; }
.shop-info ul li.label .box label { display: inline-block; background: linear-gradient(270deg, #FFE5A1 0%, #F5D486 100%); line-height: 1.024rem; margin: 0 0.3413333333rem 0.3413333333rem 0; padding: 0 0.4266666667rem; border-radius: 0.1706666667rem; vertical-align: top; font-size: 0.5546666667rem; color: #985B1C; }
.shop-info ul li span { display: inline-block; vertical-align: top; font-size: 0.5973333333rem; color: #666; }
.shop-info ul li span.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shop-content { background: #fff; padding: 0.8533333333rem 0.512rem 0; }
.shop-content .navigation { position: relative; display: flex; margin: 0 -0.2986666667rem; }
.shop-content .navigation::before { position: absolute; right: 0.2986666667rem; bottom: 0; left: 0.2986666667rem; background: #EEE; height: 0.0426666667rem; content: ""; }
.shop-content .navigation a { position: relative; line-height: 1.3653333333rem; margin: 0 0.2986666667rem; padding: 0 0.512rem; font-size: 0.5973333333rem; color: #666; z-index: 2; }
.shop-content .navigation a.on { background: #E93323; border-radius: 0.3413333333rem 0.3413333333rem 0 0; color: #fff; }

.area-browse { background: #fff; margin-top: 0.4266666667rem; }
.area-browse .title { display: flex; align-items: center; padding: 0.6826666667rem 0 0.512rem; }
.area-browse .title i { background-image: linear-gradient(#44A5FE, #97C6F0); width: 0.256rem; height: 0.6826666667rem; margin: 0 0.256rem 0 0.512rem; border-radius: 0.256rem; }
.area-browse .title span { line-height: 1.0666666667rem; font-size: 0.768rem; font-weight: bold; color: #333; }
.area-browse .list { padding: 0 0.2986666667rem; font-size: 0; }
.area-browse .list .item { display: inline-block; line-height: 1.4506666667rem; margin: 0 0.2133333333rem 0.512rem; padding: 0 1.0666666667rem; border: 0.0426666667rem solid #eee; border-radius: 1.7066666667rem; vertical-align: top; text-align: center; font-size: 0.5973333333rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.industry-browse { background: #fff; margin-top: 0.4266666667rem; }
.industry-browse .title { display: flex; align-items: center; padding: 0.6826666667rem 0 0.512rem; }
.industry-browse .title i { background-image: linear-gradient(#44A5FE, #97C6F0); width: 0.256rem; height: 0.6826666667rem; margin: 0 0.256rem 0 0.512rem; border-radius: 0.256rem; }
.industry-browse .title span { line-height: 1.0666666667rem; font-size: 0.768rem; font-weight: bold; color: #333; }
.industry-browse .tags { display: flex; justify-content: flex-start; background: #F5F5F5; line-height: 1.536rem; margin: 0 0.512rem; border-radius: 0.1706666667rem; }
.industry-browse .tags span { background: no-repeat url("https://www.thaimotorcar.com/images/new/img1.png"); background-size: auto 100%; width: 4.352rem; padding: 0 0 0 0.384rem; font-size: 0.6826666667rem; color: #fff; }
.industry-browse .tags .item { margin-left: 0.7253333333rem; font-size: 0.6826666667rem; color: #FE5A5A; }
.industry-browse .list { padding: 0.1706666667rem 0.8533333333rem 0; overflow: hidden; }
.industry-browse .list .item { padding: 0.6826666667rem 0; border-bottom: 0.0426666667rem dashed #E9E9E9; }
.industry-browse .list .item:last-child { border-bottom: 0; }
.industry-browse .list .item .name { line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #000; }
.industry-browse .list .item .text { margin-right: -1.1946666667rem; font-size: 0; }
.industry-browse .list .item .text a { display: inline-block; line-height: 0.8533333333rem; margin: 0.512rem 1.1946666667rem 0 0; vertical-align: top; font-size: 0.5973333333rem; color: #666; }

.latest-join { background: #fff; margin-top: 0.4266666667rem; }
.latest-join .title { display: flex; align-items: center; padding: 0.6826666667rem 0 0.512rem; }
.latest-join .title i { background-image: linear-gradient(#44A5FE, #97C6F0); width: 0.256rem; height: 0.6826666667rem; margin: 0 0.256rem 0 0.512rem; border-radius: 0.256rem; }
.latest-join .title span { line-height: 1.0666666667rem; font-size: 0.768rem; font-weight: bold; color: #333; }
.latest-join .list { padding: 0 0.8533333333rem; }
.latest-join .list .item { display: flex; justify-content: space-between; line-height: 1.8773333333rem; border-bottom: 0.0426666667rem dashed #E9E9E9; font-size: 0.5973333333rem; }
.latest-join .list .item:last-child { border-bottom: 0; }
.latest-join .list .item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.latest-join .list .item .region { margin-left: 1.0666666667rem; white-space: nowrap; color: #999; }

.company-profile .title { position: relative; margin: 0.8533333333rem 0 0.4266666667rem; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.company-profile .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.company-profile .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.company-profile .label {line-height: 1.1946666667rem; margin: 0 0 0.0853333333rem; }
.company-profile .label span { font-size: 0.5973333333rem; color: #999; }
.company-profile .label a { font-size: 0.5973333333rem; color: #4D7BB9; }
.company-profile .txt { line-height: 1.28rem; overflow: hidden; text-indent: 1.1946666667rem; font-size: 0.5973333333rem; color: #333; }
.company-profile .txt.limit { height: 23.8933333333rem; }
.company-profile .txt.pb32 { padding: 0 0 0.6826666667rem; }
.company-profile .txt p { margin-bottom: 0.4266666667rem; }
.company-profile .txt p:last-child { margin-bottom: 0; }
.company-profile .operate { display: flex; justify-content: center; line-height: 1.8773333333rem; text-align: center; font-size: 0.5973333333rem; color: #999; }
.company-profile .operate.on i { transform: rotate(180deg); }
.company-profile .operate i { margin-left: 0.2133333333rem; font-size: 0.512rem; font-weight: bold; }

.domain-name-list { background: #fff; overflow: hidden; margin-top: 0.4266666667rem; padding: 0 0.512rem; }
.domain-name-list .title { position: relative; margin: 0.6826666667rem 0; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.domain-name-list .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.domain-name-list .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.domain-name-list .list.limit .item { display: none; }
.domain-name-list .list.limit .item:nth-child(-n+3) { display: block; }
.domain-name-list .list.limit .item:nth-child(3) { margin-bottom: 0; }
.domain-name-list .list .item { background: #F5F9FE; margin: 0 0 0.4266666667rem; padding: 0.2986666667rem 0.7253333333rem; border: 0.0426666667rem solid #D6E5F3; border-radius: 0.3413333333rem; }
.domain-name-list .list .item:last-child { margin-bottom: 0; }
.domain-name-list .list .item .txt { display: flex; justify-content: space-between; line-height: 1.536rem; font-size: 0.5973333333rem; }
.domain-name-list .list .item .txt label { color: #888; }
.domain-name-list .list .item .txt span { flex: 1; margin-left: 0.64rem; text-align: right; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.domain-name-list .operate { display: flex; justify-content: center; line-height: 1.8773333333rem; text-align: center; font-size: 0.5973333333rem; color: #999; }
.domain-name-list .operate.on i { transform: rotate(180deg); }
.domain-name-list .operate i { margin-left: 0.2133333333rem; font-size: 0.512rem; font-weight: bold; }

.website-list { background: #fff; overflow: hidden; margin-top: 0.4266666667rem; padding: 0 0.512rem; }
.website-list .title { position: relative; margin: 0.6826666667rem 0 0; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.website-list .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.website-list .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.website-list .list .item { padding: 0.8533333333rem 0 0.8533333333rem; border-top: 0.0426666667rem dashed #E9E9E9; font-size: 0; }
.website-list .list .item:first-child { border-top: 0; }
.website-list .list .item .picture { display: inline-block; width: 5.9733333333rem; height: 4.48rem; margin: 0.0426666667rem 0 0; overflow: hidden; border-radius: 0.1706666667rem; vertical-align: top; }
.website-list .list .item .picture img { display: block; width: 100%; }
.website-list .list .item .info { display: inline-block; margin-left: 0.6826666667rem; vertical-align: top; }
.website-list .list .item .info .name span { display: block; line-height: 1.1946666667rem; font-size: 0.768rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.website-list .list .item .info .name label { display: block; line-height: 1.024rem; font-size: 0.5973333333rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.website-list .list .item .info .ranking { margin: 0.1706666667rem 0 0; }
.website-list .list .item .info .ranking .txt { line-height: 1.024rem; font-size: 0.5973333333rem; color: #4D7BB9; }
.website-list .list .item .info .ranking .txt span { color: #999; }
.website-list .list .item .introduction { display: block; line-height: 1.024rem; margin: 0.4266666667rem 0 0; font-size: 0.5973333333rem; color: #999; }

.product-classify { background: #fff; overflow: hidden; margin-top: 0.4266666667rem; }
.product-classify .title { position: relative; margin: 0.6826666667rem 0.512rem; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.product-classify .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.product-classify .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.product-classify .list { margin-right: -1.3653333333rem; padding: 0 0.8533333333rem; font-size: 0; }
.product-classify .list .item { display: inline-block; line-height: 0.8533333333rem; margin: 0 1.3653333333rem 0.6826666667rem 0; vertical-align: top; font-size: 0.5973333333rem; color: #666; }
.product-classify .list .item.on { color: #E93323; }

.similar-enterprises { background: #fff; overflow: hidden; margin-top: 0.4266666667rem; }
.similar-enterprises .title { position: relative; margin: 0.6826666667rem 0.512rem 0.4266666667rem; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.similar-enterprises .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.similar-enterprises .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.similar-enterprises .list { margin: 0 0.8533333333rem; }
.similar-enterprises .list .item { display: block; line-height: 1.6213333333rem; border-top: 0.0426666667rem dashed #E9E9E9; font-size: 0.5973333333rem; color: #666; }
.similar-enterprises .list .item:first-child { border-top: 0; }

.contact-info { background: #fff; margin-top: 0.4266666667rem; overflow: hidden; }
.contact-info .title { position: relative; margin: 0.8533333333rem 0.512rem; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.contact-info .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.contact-info .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.contact-info .code { position: relative; margin: 0 0.8533333333rem 0.512rem; }
    .contact-info .code img {
        display: block;
        width: 5.12rem;
        height: 5.12rem;
    }
.contact-info .code .tip { position: absolute; top: 1.5573333333rem; left: 5.9733333333rem; line-height: 1.024rem; width: 6.4rem; height: 2.6453333333rem; padding: 0.256rem 0.6826666667rem; border: 0.0426666667rem solid #4D7BB9; border-radius: 0.256rem; font-size: 0.5973333333rem; color: #4D7BB9; }
.contact-info .code .tip::before { position: absolute; top: 1.0666666667rem; left: -0.4266666667rem; width: 0; height: 0; border-bottom: 0.4266666667rem solid #4D7BB9; border-left: 0.4266666667rem solid transparent; content: ""; }
.contact-info .code .tip::after { position: absolute; top: 1.1093333333rem; left: -0.3413333333rem; width: 0; height: 0; border-bottom: 0.3413333333rem solid #fff; border-left: 0.3413333333rem solid transparent; content: ""; }
.contact-info .phone { line-height: 1.024rem; margin: 0 0.8533333333rem 0.6826666667rem; font-size: 0.5973333333rem; color: #666; }

.contact-us { padding: 0 0 0.6826666667rem; }
.contact-us .title { position: relative; margin: 0.6826666667rem 0; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.contact-us .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.contact-us .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.contact-us .list .item { display: flex; line-height: 0.8533333333rem; margin: 0 0 0.5973333333rem; font-size: 0.5973333333rem; }
.contact-us .list .item .label { width: 2.9866666667rem; margin-right: 0.4266666667rem; color: #999; }
.contact-us .list .item .txt { flex: 1; color: #333; }
.contact-us .list .item .code img { display: block; width: 5.12rem; height: 5.12rem; border: 0.0426666667rem solid #EEE; border-radius: 0.1706666667rem; }
.contact-us .list .item .code p { line-height: 1.024rem; margin: 0.256rem 0 0; font-size: 0.5973333333rem; color: #4D7BB9; }
.contact-us .list .map .label { line-height: 0.8533333333rem; margin: 0 0 0.5973333333rem; font-size: 0.5973333333rem; color: #999; }
.contact-us .list .map .box { width: 14.976rem; height: 10.24rem; }
.contact-us .list .map .box img { width: 100%; height: 100%; }

.product-classify-list .title { position: relative; margin: 0.6826666667rem 0; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.product-classify-list .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.product-classify-list .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.product-classify-list .classify { margin-right: -1.1946666667rem; font-size: 0; }
.product-classify-list .classify .item { display: inline-block; line-height: 0.8533333333rem; margin: 0 1.1946666667rem 0.512rem 0; vertical-align: top; font-size: 0.5973333333rem; color: #666; }
.product-classify-list .classify .item.on { color: #E93323; }
.product-classify-list .list { margin: 0 -0.2133333333rem; padding: 0.1706666667rem 0 0.256rem; text-align: center; font-size: 0; }
.product-classify-list .list .item { display: inline-block; width: 7.2533333333rem; margin: 0 0.2133333333rem 0.4266666667rem; overflow: hidden; border: 0.0426666667rem solid #eee; border-radius: 0.1706666667rem; vertical-align: top; text-align: left; }
.product-classify-list .list .item .picture { width: 7.168rem; height: 7.168rem; }
.product-classify-list .list .item .price { line-height: 0.9386666667rem; margin: 0.4266666667rem 0.4266666667rem 0.256rem; font-size: 0.6826666667rem; color: #E93323; }
.product-classify-list .list .item .name { display: -webkit-box; height: 1.792rem; line-height: 0.896rem; overflow: hidden; margin: 0 0.4266666667rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.5973333333rem; color: #333; }
.product-classify-list .list .item .shop { display: flex; justify-content: space-between; align-items: center; margin: 0.256rem 0.4266666667rem 0.4266666667rem; }
.product-classify-list .list .item .shop .txt { flex: 1; line-height: 0.9386666667rem; font-size: 0.512rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-classify-list .list .item .shop label { background: #E93323; line-height: 0.8533333333rem; margin-left: 0.4266666667rem; padding: 0 0.128rem; border-radius: 0.0853333333rem; font-size: 0.512rem; color: #fff; }

.other-products { background: #fff; overflow: hidden; margin-top: 0.4266666667rem; }
.other-products .title { position: relative; margin: 0.6826666667rem 0.512rem; padding: 0.1706666667rem 0 0 0.3413333333rem; }
.other-products .title::after { position: absolute; top: 0; left: 0; background: linear-gradient(179deg, #81C2FF 0%, rgba(226, 241, 255, 0) 100%); width: 0.8533333333rem; height: 0.8533333333rem; border-radius: 100%; content: ""; }
.other-products .title span { position: relative; display: block; line-height: 0.9386666667rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; z-index: 2; }
.other-products .list { padding: 0 0 0.256rem; text-align: center; font-size: 0; }
.other-products .list .item { display: inline-block; width: 7.2533333333rem; margin: 0 0.2133333333rem 0.4266666667rem; overflow: hidden; border: 0.0426666667rem solid #eee; border-radius: 0.1706666667rem; vertical-align: top; text-align: left; }
.other-products .list .item .picture { width: 7.168rem; height: 7.168rem; }
.other-products .list .item .price { line-height: 0.9386666667rem; margin: 0.4266666667rem 0.4266666667rem 0.256rem; font-size: 0.6826666667rem; color: #E93323; }
.other-products .list .item .name { display: -webkit-box; height: 1.792rem; line-height: 0.896rem; overflow: hidden; margin: 0 0.4266666667rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.5973333333rem; color: #333; }
.other-products .list .item .shop { display: flex; justify-content: space-between; align-items: center; margin: 0.256rem 0.4266666667rem 0.4266666667rem; }
.other-products .list .item .shop .txt { flex: 1; line-height: 0.9386666667rem; font-size: 0.512rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.other-products .list .item .shop label { background: #E93323; line-height: 0.8533333333rem; margin-left: 0.4266666667rem; padding: 0 0.128rem; border-radius: 0.0853333333rem; font-size: 0.512rem; color: #fff; }

.search-input { padding: 0.512rem 0.8533333333rem; }
.search-input .box { display: flex; align-items: center; background: #FFF; height: 1.7066666667rem; padding: 0 1.1093333333rem 0 0.512rem; border: 0.0426666667rem solid #DDD; border-radius: 0.8533333333rem; }
.search-input .box.input .empty { display: block; }
.search-input .box .empty { display: none; font-size: 0.768rem; color: #333; }
.search-input .box input { flex: 1; height: 0.8533333333rem; padding: 0 0.5973333333rem; border: 0; font-size: 0.5973333333rem; }
.search-input .box .button { font-size: 0.768rem; color: #999; }

.search-content { background: #fff; padding: 0 0 0.256rem; }
.search-content .tags { position: relative; display: flex; margin: 0 0.512rem; padding: 0.2133333333rem 0 0; }
.search-content .tags::before { position: absolute; right: 0; bottom: 0; left: 0; background: #EEE; height: 0.0426666667rem; content: ""; }
.search-content .tags .item { position: relative; flex: 1; line-height: 0.9386666667rem; padding: 0.2986666667rem 0; border-bottom: 0.0853333333rem solid transparent; text-align: center; font-size: 0.5973333333rem; color: #666; z-index: 2; }
.search-content .tags .item.on { border-bottom: 0.0853333333rem solid #E93323; font-size: 0.6826666667rem; font-weight: bold; color: #E93323; }
.search-content .result { line-height: 0.7253333333rem; margin: 0.6826666667rem 0.512rem 0.512rem; font-size: 0.512rem; color: #666; }
.search-content .result span { color: #E93323; }
.search-content .list { display: none; padding: 0 0 0.256rem; text-align: center; font-size: 0; }
.search-content .list.on { display: block; }
.search-content .list.product .item { display: inline-block; width: 7.2533333333rem; margin: 0 0.2133333333rem 0.4266666667rem; overflow: hidden; border: 0.0426666667rem solid #eee; border-radius: 0.1706666667rem; vertical-align: top; text-align: left; }
.search-content .list.product .item .picture { width: 7.168rem; height: 7.168rem; }
.search-content .list.product .item .price { line-height: 0.9386666667rem; margin: 0.4266666667rem 0.4266666667rem 0.256rem; font-size: 0.6826666667rem; color: #E93323; }
.search-content .list.product .item .name { display: -webkit-box; height: 1.792rem; line-height: 0.896rem; overflow: hidden; margin: 0 0.4266666667rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.5973333333rem; color: #333; }
.search-content .list.product .item .shop { display: flex; justify-content: space-between; align-items: center; margin: 0.256rem 0.4266666667rem 0.4266666667rem; }
.search-content .list.product .item .shop .txt { flex: 1; line-height: 0.9386666667rem; font-size: 0.512rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-content .list.product .item .shop label { background: #E93323; line-height: 0.8533333333rem; margin-left: 0.4266666667rem; padding: 0 0.128rem; border-radius: 0.0853333333rem; font-size: 0.512rem; color: #fff; }
.search-content .list.enterprise .item { background: linear-gradient(180deg, rgba(79, 156, 238, 0.1) 0%, rgba(255, 255, 255, 0) 100%); padding: 0.6826666667rem 0.512rem 0.9386666667rem; border-radius: 0.8533333333rem 0.8533333333rem 0 0; }
.search-content .list.enterprise .item .info { display: flex; justify-content: space-between; margin: 0 0 0.768rem; }
.search-content .list.enterprise .item .info .box { display: flex; align-items: center; }
.search-content .list.enterprise .item .info .picture { width: 1.1946666667rem; height: 1.1946666667rem; border: 0.0426666667rem solid #EEE; border-radius: 100%; }
.search-content .list.enterprise .item .info .name { line-height: 0.9386666667rem; margin-left: 0.256rem; font-size: 0.6826666667rem; font-weight: bold; color: #333; }
.search-content .list.enterprise .item .info .cooperate { display: flex; height: 0.7253333333rem; line-height: 0.7253333333rem; margin: 0.1706666667rem 0.384rem 0 0; font-size: 0.512rem; color: #E93323; }
.search-content .list.enterprise .item .info .cooperate i { margin-right: 0.128rem; font-size: 0.512rem; }
.search-content .list.enterprise .item .product-box { display: flex; justify-content: center; }
.search-content .list.enterprise .item .product-box .product { width: 4.6933333333rem; margin: 0 0.2133333333rem; }
.search-content .list.enterprise .item .product-box .product .picture { display: block; width: 4.6933333333rem; height: 4.6933333333rem; }
.search-content .list.enterprise .item .product-box .product .name { display: -webkit-box; height: 1.4506666667rem; line-height: 0.7253333333rem; overflow: hidden; margin: 0.256rem 0; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.512rem; color: #333; }
.search-content .list.enterprise .item .product-box .product .price { font-size: 0.5973333333rem; color: #E93323; }