diff --git a/App.vue b/App.vue index ac01cf9..67a717f 100644 --- a/App.vue +++ b/App.vue @@ -27,6 +27,32 @@ // #ifdef MP uni.vk.updateManager.updateReady(); // 此代码可以让小程序自动检测最新版本 // #endif + + + + + + + // 加载商品分类数据 + vk.callFunction({ + url: 'client/spot/category/pub/getTree', + loading: false, + data: { + + }, + success: (data) => { + vk.setVuex('$app.siteData.categoryData', data.rows) + } + }); + + + + + + + + + }, onShow: function() { if (config.debug) console.log("App Show"); diff --git a/common/css/app.scss b/common/css/app.scss index d1128a0..b055086 100644 --- a/common/css/app.scss +++ b/common/css/app.scss @@ -1,5 +1,6 @@ /* 这里是你自己写的全局css样式 */ @import "@/common/css/common.css"; +@import "@/common/css/main.css"; /* #ifdef H5 */ .uni-mask, .uni-modal, diff --git a/common/css/common.css b/common/css/common.css index bab411b..39f4f00 100644 --- a/common/css/common.css +++ b/common/css/common.css @@ -1,5 +1,9 @@ /* CSS Document */ /*去除浏览器默认样式*/ + +.text-center{ + text-align: center; +} * { box-sizing: border-box; border: 0; diff --git a/common/css/main.css b/common/css/main.css new file mode 100644 index 0000000..e5f483c --- /dev/null +++ b/common/css/main.css @@ -0,0 +1,2641 @@ +@charset "utf-8"; +a{ + display: block; + outline: none +} +img{ + text-align: center; + margin:0px auto; +} +body, html { + width: 100%; + position: relative; + background: #f4f4f4; +} +.YellowPagesBodys img{ + max-width: 100%; +} + +.mod-first-floor{ + width: 1200px; + padding: 24px 0px 8px; + margin: 0 auto 16px; + background: #fff; +} +.group-inner1{ + padding: 0px 20px; +} +.group-inner1 .mod-tab ul { + float: left; + width: 972px; + overflow:hidden; +} +.group-inner1 .count{ + float: right; + width: 168px; + overflow:hidden; +} +.group-inner1 .mod-tab ul li{ + float: left; + border: 1px solid #ddd; + margin:0px 10px 10px 0px; +} +.group-inner1 .mod-tab ul li a{ + display: block; + font-size: 14px;color: #333; + padding: 3px 17px; +} +.group-inner1 .mod-tab ul li:hover{ + border: 1px solid #a92924; +} +.group-inner1 .mod-tab ul li:hover a{ + color: #a92924; +} +.group-inner1 .count p{ + line-height: 2;font-size: 15px; +} +.group-inner1 .count p .num{ + font-weight: bold; + color: #a92924;font-size: 18px; +} +.mod-first-floor .mod-recomm-list { + padding: 16px 0px; + overflow: hidden; +} +.mod-first-floor .recomm-item { + background: #fff; + width: 278px; + float: left; + border: 1px solid #f5f5f5; + margin-right: 16px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.mod-first-floor .wag-box { + transition: all .2s linear; +} +.mod-first-floor .wag-box, .mod-first-floor .wag-box { + -webkit-transition: all .2s linear; + -o-transition: all .2s linear; +} +.wag-box { + -webkit-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +}.mod-first-floor .recomm-item .item-head .item-head-inner { + padding: 16px; + position: absolute; + top: 0; +} +.mod-first-floor .recomm-item .item-head { + display: block; + height: 113px; + position: relative; +}.mod-first-floor .recomm-item:last-child { + margin-right: 0; +} +.mod-first-floor .recomm-item .item-head h2 { + font-size: 18px; + font-weight: 700; + color: #353535; + width: 240px; + overflow: hidden; + white-space: nowrap; +} +.mod-first-floor .recomm-item .item-head h2 a{ + color: #a92924; +} +.mod-first-floor .recomm-item .item-head ul { + width: 240px; + overflow: hidden; + margin-top: 4px; +}.mod-first-floor .recomm-item .item-head ul li { + float: left; + margin-right: 16px; +} +.mod-first-floor .recomm-item .item-head .item-head-post img { + height: 100%;width: 100%; +} +.mod-first-floor .recomm-item .item-head .item-head-post { + height: 113px; +} +.mod-first-floor .recomm-item .item-head ul li a{ + font-size: 13px; +} +.mod-first-floor .recomm-item .item-main3 { + width: 278px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #f5f5f5; + padding: 16px 16px 2px; + overflow: hidden; +} +.mod-first-floor .recomm-item .item-main3 .offer-list { + width: 100%; +} +.mod-first-floor .recomm-item .item-main3 .offer-list li { + margin-bottom: 10px; + overflow: hidden; +} +.mod-first-floor .recomm-item .item-main3 .offer-list li a { + display: block; + color: #353535; + overflow: hidden; +} +.mod-first-floor .recomm-item .item-main3 .offer-list li img { + width: 48px; + height: 48px; + display: inline-block; + float: left; + border: 1px solid #f5f5f5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.mod-first-floor .recomm-item .item-main3 .offer-list li p { + float: left; + width: 178px; + margin-left: 12px; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + overflow: hidden;white-space: nowrap;text-overflow: ellipsis; +} +.mod-first-floor .recomm-item .item-main3 .offer-list li p.price { + margin-top: 6px; + color: #a92924; +} +.mod-first-floor .recomm-item .item-main3 .offer-list li p.price .price-num { + font-size: 14px; + color: #a92924; +} +.mod-first-floor .wag-box:hover { + -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); + box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); +} +.mod-second-floor { + width: 1200px; + padding: 15px 0px 8px; + margin: 0 auto 16px; + +} +.mod-inner2Listtop01{ + float: left; + width: 150px; + overflow:hidden; + height: 40px; + line-height: 40px;font-size: 13px; +} +.group-inner2List{ + padding: 15px; + float: left; + text-align: left; + width: 592px; + background: #fff; + margin-right: 15px; + +} +.group-inner2List:last-child{ + margin-right: 0px; +} +.mod-inner2Listtop01:last-child{ + width: 120px;float: right; +} +.mod-inner2Listtop01:first-child{ + width: 140px;float: left; +} +.mod-inner2Listtop01 span{ + font-weight: bold; + font-size: 16px; + color: #a92924 +} +.mod-inner2Listtop01 a.xuangouo{ + background: url(/static/images/cl1.png)left center no-repeat; + padding-left: 25px; +} + +.mod-inner2Listcenter .inli-mask{ + width: 266px; + position: relative; + float: left; + padding: 13px 5px; + text-align: left; + -webkit-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; + margin-right: 45px; + background-color: #FFFFFF; + margin-bottom: 45rpx; +} + +.mod-inner2Listcenter .inli-mask:nth-child(4n){ + margin-right: 0; +} +.mod-inner2Listcenter{ + margin-top: 10px;width: 100%; +} + + +.mod-inner2Listcenter .inli-mask:hover{ + -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); + box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); +} +.mod-inner2Listcenter .inli-mask .detail-kind .tag{ + background: url(/static/images/home9.png)left center no-repeat; + color: #fff; + text-indent: 8px; + height: 25px; + line-height: 25px; + font-size: 13px;float: left; + width: 80px; +} +.mod-inner2Listcenter .inli-mask .detail-kind .kind{ + letter-spacing: 1px; + float: left; + height: 25px; + line-height: 25px; + color: #a92924; +} +.mod-inner2Listcenter .inli-mask .detail-kind .kind span{ + color: #a92924;padding-right: 2px; +} +.mod-inner2Listcenter .inli-mask .detail-infor{ + padding: 0px 0px; + line-height: 2; + color: #000; + font-size: 13px +} +.mod-inner2Listcenter .inli-mask .detail-infor span{ + display: inline-block; + font-size: 15px; + margin:1px 5px; +} +.mod-inner2Listcenter .inli-mask .detail-num{ + font-size: 12px;color: #666666 +} +.mod-inner2Listcenter .inli-mask .detail-num span{ + font-size: 12px;color: #666666; + display: inline-block; + margin-right: 5px; + letter-spacing: 1px; + white-space: nowrap; + overflow: hidden; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +#footer{ + width: 100%; + background: #fff; + padding: 15px 0px 0px; + overflow:hidden; + margin-top: 33px; +} +.group-copyright-inner, .group-foot-inner { + width: 1200px; + margin: 0 auto; + overflow: hidden; + line-height: 1.5; + color: #656565; + font-size: 12px; + font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif; +} +.group-foot{ + padding-bottom: 25px; +} +.group-foot .mod-contact{ + width: 150px; + float: left;overflow:hidden; +} +.group-foot dt { + font-size: 16px; + color: #000; + line-height: 44px; +}.group-foot dd li { + line-height: 24px; +}.group-copyright-inner a, .group-foot-inner a { + color: #666666;text-align: left;display:inline-block; + text-decoration: none; +} +.group-copyright-inner a:hover, .group-foot-inner a:hover{ + color: #a92924 +} +.group-copyright { + width: 100%; + background: #f4f4f4; + color: #959595; + padding: 20px 0px 15px; +} +.group-copyright .wuage-other-link { + float: left;width: 885px; white-space: nowrap; + overflow: hidden; +} +.group-copyright .wuage-other-link .wuage-link { + margin: 0 0 5px; + color: #b0b0b0; + position: relative; + display: inline-block; +}.group-copyright .wuage-other-link .out-link { + white-space: nowrap; + overflow: hidden; + + padding-top:10px; +} +.group-copyright .wuage-other-link .out-link a{ + display: inline-block;padding: 8px 10px;color: #b0b0b0 +} +.group-copyright .wuage-other-link .wuage-copyright{ + text-align: left;color: #b0b0b0 +} +.group-copyright .wuage-other-link .wuage-copyright a{ + display: inline-block;color: #b0b0b0;padding: 0px 5px; +} +.group-copyright .wuage-other-link .out-link a:first-child{ + padding-left: 0px; +}.group-copyright .certs-group { + float: right;text-align: center; + +} +.group-copyright .certs-group img{ + width:80px; + height: 80px; margin-left: 5px; +} +.group-copyright .certs-group a p{ +float: left; + -webkit-writing-mode: vertical-rl; +-ms-writing-mode: bt-rl; +writing-mode: vertical-rl; +text-align: center; +height: 80px; +width: 19px; +letter-spacing: 3px; +} +.group-copyright .certs-group a{ + margin:0px 2px; + float: left; + width: 117px; +} +.group-copyright .wuage-other-link .out-link a:hover{ + color: #a92924 +} +.mod-eleven-floor{ + background: #fff;width: 1200px; + margin:20px auto 30px;padding: 20px 0px; +} +.mod-ten-floor{ + width: 1200px; + margin:20px auto 0px; + padding-top: 15px; +} +.mod-nine-floor{ + background: #fff;width: 1200px; + margin:20px auto 0px;padding: 20px 0px; +} +.mod-eight-floor{ + width: 1200px; + margin:20px auto 0px; +}.mod-seven-floor{ + width: 1200px; + margin:20px auto 0px; + padding: 14px 0px; +} +.mod-six-floor{ + width: 1200px; + margin:20px auto 0px; +} +.mod-five-floor{ + width: 1200px; + margin:20px auto 0px; +} +.mod-four-floor{ + background: #fff;width: 1200px; + margin:20px auto;padding: 20px 0px; +} +.mod-three-floor{ + background: #fff;width: 1200px; + margin:20px auto;padding: 20px 0px; +} +.mod-eleven-floor{ + text-align: center; + line-height: 2 +} +.eleven-goods span{ + color: #a92924; + font-size: 16px; + font-weight: bold; + padding: 0px 5px; + display: inline-block; +} +.mod-eleven-floor a{ + display: inline-block; + background: #a92924; + color: #fff; + text-align: center; + height: 30px; + line-height: 30px; + width: 200px; + border-radius: 2px; +} +.mod-eleven-floor p{ + margin:7px 0px 10px; + line-height: 2; + color: #666666; + font-size: 13px; + text-align: center; +} +.eleven-goods{ + letter-spacing: 1px;font-size: 15px; +} +.ten-goods { + margin-left: -10px; +} +.ten-goods li{ + float: left; + background: #fff; + margin-left:10px; + width: 595px; + margin-bottom:15px; +} +.ten-goods li a{ + width: 100%; + height: 108px; + overflow:hidden; +} +.ten-goods li a img{ + width: 100%; + height: 108px; +} + +.mod-nine-floor .nine-goods .nine-goodsLiST{ + float: left; + width: 300px; + position: relative; + padding-left: 29px; + overflow: hidden; +} +.mod-nine-floor .nine-goods .nine-goodsLiST::before{ + content: ''; + position: absolute; + left:0px; + top: 0; + width: 1px; + height: 100px; + z-index: 2; + background: #f4f4f4; +} +.mod-nine-floor .nine-goods .nine-goodsLiST:first-child::before{ + width: 0px;background: none +} +.mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsLiSTH2{ + line-height: 2; + font-size: 17px; + margin-bottom: 5px; +} +.mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd { + width: 100%; +} +.mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd a{ + width: 95%; + font-size: 13px; + line-height: 30px; + color: #666666; + white-space: nowrap; + overflow: hidden; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd a span{ + display: inline-block; + padding-right:5px; + +} +.mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd a:hover{ + color: #a92924 +} +.mod-eight-floor .part-buyer { + margin-right: 16px; +} +.mod-eight-floor .part-buyer, .mod-eight-floor .part-seller { + display: inline-block; + float: left; + width: 592px; + padding: 20px 20px 20px; + background: #fff; +} +.mod-eight-floor .b-box { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.mod-eight-floor .part-head { + margin-bottom: 15px; +} +.mod-eight-floor .part-head .title { + display: inline-block; + color: #a92924; + font-weight: 500; + font-size: 18px; + +} +.mod-eight-floor .part-head .more { + display: inline-block; + float: right; + font-size: 12px; + color: #959595; + line-height: 28px; +} +.mod-eight-floor .drawing { + display: inline-block; + float: left; + width: 192px; + height: 158px; + vertical-align: top; +}.mod-eight-floor .article { + margin-left: 216px;position: relative; +} +.mod-eight-floor .tab-list { + margin-bottom: 16px; +} +.mod-eight-floor .tab-item { + display: inline-block; + line-height: 22px; + margin-right: 20px; + font-size: 14px; + color: #656565; + cursor: pointer; +} +.mod-eight-floor .tab-item.act { + color: #a92924; + font-weight: 500; + border-bottom: 2px solid #a92924; +} +.mod-eight-floor .title-list { + display: none; +} +.mod-eight-floor .title-list.act { + display: block; +} +.mod-eight-floor .title-item { + height: 18px; + line-height: 18px; + font-size: 13px; + color: #353535; + margin-bottom: 8px; +} +.mod-eight-floor .no-wrap { + white-space: nowrap; + overflow: hidden; +} +.shangjiaruzhu{ + color: #a92924; + height: 27px; + line-height: 24px; + width: 80px; + display: inline-block; + text-align: center; + border: 1px solid #a92924; + position: absolute; + top: 0px; + right: 0px; +} +.mod-finance { + display: inline-block; + width: 890px; + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.mod-seven-floor .mod-finance,.mod-seven-floor .mod-latest { + display:inline-block; + height:260px; + vertical-align:top; + background:#fff; + -webkit-box-sizing:border-box; + box-sizing:border-box +} +.mod-seven-floor .mod-finance .mod-title,.mod-seven-floor .mod-latest .mod-title { + margin-bottom:24px;color: #a92924;font-size: 17px; +} +.mod-seven-floor .mod-finance { + margin-right:16px +} +.mod-latest { + width:290px; + padding:24px +} + +.mod-finance .finance-buy, .mod-finance .finance-sell{ + position: relative; + float: left; + width: 410px; + height: 162px; + border: 1px solid #f4f4f4; + padding: 15px; +} +.subscribe-service{ + position: absolute; + right: 0px; + top: 0px; + color: #a92924; + border: 1px solid #a92924; + border-radius: 2px; + height: 30px; + line-height: 30px; + width: 80px; + text-align: center;font-size: 13px; +} +.mod-seven-floor .mod-finance .mod-title, .mod-seven-floor .mod-latest .mod-title{ + position: relative; +} +.mod-seven-floor .mod-finance{ + position: relative; +} +.subscribe-service:hover{ + color: #fff; + + background: #a92924 +} +.mod-seven-floor .wag-box:hover { + -webkit-box-shadow:0 0 16px 0 hsla(0,0%,76.9%,.5); + box-shadow:0 0 16px 0 hsla(0,0%,76.9%,.5) +} +.mod-finance .finance-buy{ + margin-right:20px; +} +.inner-financebut{ + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + position: relative; + width: 100%; +} +.finance-buy-lefts{ + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + text-align: left; + +} +.inner-financebut img{ + height: 136px; + max-width: 156px; +} +.nance-buy-lefts02 span{ + display: inline-block; + font-size: 20px; + color: #a92924;padding: 0px 5px;line-height: 23px; +} +.finance-buy-lefts .nance-buy-lefts01 span { + display: inline-block; + padding-right: 5px; + font-weight: 800; +} +.finance-buy-lefts .nance-buy-lefts01{ + width: 95%; + font-size: 16px; + line-height: 30px; + color: #000; + white-space: nowrap; + overflow: hidden; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.nance-buy-lefts02{ + line-height: 30px; + font-size: 13px;margin-bottom: 10px; + color: #333333 +} +.latest-company-name{ + line-height: 2; + font-size: 13px; + text-align: left; +}.mod-latest .latest-company-name { + display:block; + overflow:hidden; + white-space:nowrap; + cursor:pointer; + padding-left: 10px; + position: relative; +} +.mod-latest .latest-company-name::before{ + content: ''; + position: absolute; + left: 0px; + top: 13px; + width: 2px; + height: 2px; + z-index: 2; + background: #666666; +}.mod-latest .carousel-window { + position:relative; + height:177px; + overflow:hidden +} +.sixgoods-list{ + float: left; + width: 288px; + margin-left:15px; + overflow:hidden; + background: #fff; + padding:30px 20px;text-align: center;line-height: 2; + cursor: pointer; +} +.sixgoods{ + margin-left:-15px; +} + +.sixgoods03{ + color: #a92924; + display: inline-block; + border: 1px solid #a92924; + height: 30px; + line-height: 30px; + width: 90px; +} +.sixgoods02{ + margin:10px 0px; + line-height: 2; + font-size: 13px; +} +.sixgoods02 p{ + color: #666666 +} +.sixgoods01 h2 em{ + font-size: 17px; + font-weight: bold; + color: #000; + line-height: 31px; + float: left; +} +.hengxinag{ + height: 3px; + width: 33px; + background: #a92924; + text-align: center; + margin:4px auto; +} + +.sixgoods-list:hover{ + background: #a92924 +} +.sixgoods-list:hover .sixgoods03{ + color: #fff;display: inline-block;border: 1px solid #fff; +} +.sixgoods-list:hover .sixgoods02 ,.sixgoods-list:hover .sixgoods02 p{ + color: #fff; +} +.sixgoods-list:hover .sixgoods01 h2 em{ + color: #fff; +} +.sixgoods-list:hover .hengxinag{ + background: #fff; +} +.sixgoods01 h2 span{ + float: left; + height: 33px; + width: 40px; +} +.sixgoods01 h2{ + text-align: center; + width: 132px; + margin: 0px auto; +} +.sixgoods-list:nth-child(1) h2 span{ + background: url(/static/images/icon14.png)no-repeat center center; + background-size: 19px; +} +.sixgoods-list:nth-child(2) h2 span{ + background: url(/static/images/icon15.png)no-repeat center center; + background-size: 19px; +} +.sixgoods-list:nth-child(3) h2 span{ + background: url(/static/images/icon16.png)no-repeat center center; + background-size: 19px; +} +.sixgoods-list:nth-child(4) h2 span{ + background: url(/static/images/icon17.png)no-repeat center center; + background-size: 19px; +} + +.sixgoods-list:hover:nth-child(1) h2 span{ + background: url(/static/images/icon14hover.png)no-repeat center center; + background-size: 19px; +} +.sixgoods-list:hover:nth-child(2) h2 span{ + background: url(/static/images/icon15hover.png)no-repeat center center; + background-size: 19px; +} +.sixgoods-list:hover:nth-child(3) h2 span{ + background: url(/static/images/icon16hover.png)no-repeat center center; + background-size: 19px; +} +.sixgoods-list:hover:nth-child(4) h2 span{ + background: url(/static/images/icon17hover.png)no-repeat center center; + background-size: 19px; +} +.section-product .product-description { + overflow: hidden; + width: 1500px; +} +.mod-five-floor{ + overflow:hidden; +}.section-product .product-description li { + float: left; + width: 236px; + height: 380px; + white-space: nowrap; + position: relative; +} +.section-product .product-description li.des1 { + background: url(/static/images/god1hover.jpg) no-repeat center; +} +.section-product .product-description li.des2 { + background: url(/static/images/god2hover.jpg) no-repeat center; +} +.section-product .product-description li.des3 { + background: url(/static/images/god3hover.jpg) no-repeat center; +} +.section-product .product-description li.des4 { + background: url(/static/images/god4hover.jpg) no-repeat center; +} +.section-product .product-description li.des5 { + background: url(/static/images/god5hover.jpg) no-repeat center; +} +.section-product .product-description li .des-inner { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.section-product .product-description li .des-inner .des-mask { + height: 100%; + position: absolute; + width: 100%; + top: 0; + left: 0; + display: none; +} + +.section-product .product-description li .des-inner .des-mask .view-detail-wrap { + text-align: center; + color: #fff; + font-size: 14px; +} +.section-product .product-description li .des-inner .des-text { + text-align: center; + margin-top: 140px; +} +.section-product .product-description li .des-inner .des-text h5 { + font-size: 23px; + color: #FFFFFF; + margin-bottom: 10px;font-weight: bold; +} +.section-product .product-description li .des-inner .des-text .text-bottom { + display: inline-block; + width: 170px; + height: 53px; + color: #fff; + font-size: 14px; + line-height: 20px; +} +.section-product .product-description li .des-inner .des-mask .view-detail-wrap .view-detail { + margin-top: 43px; + display: inline-block; + width: 84px; + height: 34px; + line-height: 34px; + color: #a92924; + text-align: center; + background: #F2F9FF; +} + +.section-product .product-description li.des1 .des-mask { + background: url(/static/images/god1hover.jpg) no-repeat center; +} +.section-product .product-description li.des2 .des-mask { + background: url(/static/images/god2hover.jpg) no-repeat center; +} +.section-product .product-description li.des3 .des-mask { + background: url(/static/images/god3hover.jpg) no-repeat center; +} +.section-product .product-description li.des4 .des-mask { + background: url(/static/images/god4hover.jpg) no-repeat center; +} +.section-product .product-description li.des5 .des-mask { + background: url(/static/images/god5hover.jpg) no-repeat center; +} + +.section-product .product-description li .des-inner .des-mask .view-detail-wrap { + text-align: center; + color: #fff; + font-size: 14px; +} +.section-product .product-description li .des-inner .title-text { + font-size: 23px; + color: #FFFFFF; + margin-bottom: 10px; + font-weight: bold; + margin-top: 90px; +} +.section-product .product-description li.des1 .des-inner .des-text h5{ + background:url(/static/images/icon9.png)top center no-repeat; + padding-top: 60px; + background-size: 40px; +} +.section-product .product-description li.des2 .des-inner .des-text h5{ + background:url(/static/images/icon10.png)top center no-repeat; + padding-top: 60px; + background-size: 40px; +} +.section-product .product-description li.des3 .des-inner .des-text h5{ + background:url(/static/images/icon11.png)top center no-repeat; + padding-top: 60px; + background-size: 40px; +} +.section-product .product-description li.des4 .des-inner .des-text h5{ + background:url(/static/images/icon12.png)top center no-repeat; + padding-top: 60px; + background-size: 40px; +} +.section-product .product-description li.des5 .des-inner .des-text h5{ + background:url(/static/images/icon13.png)top center no-repeat; + padding-top: 60px; + background-size: 40px; +} + + .section-product .product-description li.des1 .des-inner .title-text{ + background:url(/static/images/icon9.png)92px center no-repeat; + background-size: 30px; +} +.section-product .product-description li.des2 .des-inner .title-text{ + background:url(/static/images/icon10.png)92px center no-repeat; + background-size: 30px; +} +.section-product .product-description li.des3 .des-inner .title-text{ + background:url(/static/images/icon11.png)79px center no-repeat; + background-size: 30px; +} +.section-product .product-description li.des4 .des-inner .title-text{ + background:url(/static/images/icon12.png)65px center no-repeat; + background-size: 30px; +} +.section-product .product-description li.des5 .des-inner .title-text{ + background:url(/static/images/icon13.png)92px center no-repeat; + background-size: 30px; +} +.title-des{ + color: #fff; + line-height: 2; + font-size: 15px; + width: 80%;letter-spacing: 1px; + text-align: center; + margin: 0px auto; + margin-top: 30px; +} +.mod-four-floor ul .li-mask{ + float: left; + margin: -1px 0 0 -1px; + width: 232px; + height: 95px; + line-height: 2; + text-align: center; + position: relative; + border: 1px solid #EFEFEF; + -webkit-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +.li-mask .detail-mask .mask { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + filter: alpha(opacity=60); + z-index: auto; +} +.mod-four-floor ul .li-mask p{ + width: 94%; + font-size: 12px; + color: #666666; + white-space: nowrap; + overflow: hidden; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0px auto; +} +.mod-four-floor ul{ + margin:0px 20px; +} + .li-mask .detail-mask a { + display: inline-block; + width: 96px; + height: 34px; + line-height: 34px; + color: #fff; + text-align: center; + font-size: 14px; +}.li-mask .detail-mask a.red { + background: #EC1D1C; +}.li-mask .detail-mask .middle { + display: inline-block; + vertical-align: middle; + position: relative; + z-index: 1; +} +.slick-slide img{ + display: block; +} + .seller-list li > div img{ + width: 100%; + height: 100%; + vertical-align: top; +} +.li-mask .detail-mask:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +.li-mask .detail-mask{ + position: absolute; + left: 0; + top: 0; + text-align: center; + width: 100%; + height: 100%; + display: none; + z-index: 1; +} +.mod-four-floor ul .li-mask p em{ + display: inline-block; + font-size: 12px;margin:0px 3px;color: #666666 +} +.gsImages{ + height: 65px; + width: 100%; + overflow:hidden; + text-align: center; + line-height: 65px; + vertical-align: middle; + display: table; + display: flex; + align-items: center +} +.gsImages img{ + max-width: 100%; + text-align: center; + max-height: 60px; + display: block; + margin: 0px auto; + align-items: center; +} +.mod-four-floor ul .jhjyi:hover .mask{ + display: block; + -webkit-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +.mod-four-floor ul .li-mask:hover .detail-mask { + display: block; + -webkit-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +.fhree-floor-bodyso{ + width: 1200px; + margin:0px auto; +} +.fhree-floor-bodysLeft{ + padding: 15px; + float: left; + text-align: left; + width: 592px; + background: #fff; + margin-right: 15px; +} +.fhree-floor-bodysRight{ + float: right; + width: 592px; + +} +.loor-bodysRight01{ + float: left; + width: 290px; + background:#fff; + padding:12px; +} +.loor-bodysRight02{ + float: right; + width: 290px; + background:#fff; + padding:12px; +} +.chengjiao{ + color: #a92924; + text-align: left; + font-size: 17px; + line-height: 2 +} +.cnt-title { + width: 100%; + margin-top: 6px; + height: 36px; + line-height: 26px; + color: #959595; + font-size: 12px; + border-bottom: 1px solid #f1f1f1; +} +.cpn-name { + width: 116px; + max-width: 116px; + padding-right: 12px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.lt-item { + float: left; + white-space: nowrap; + color: #666666; + text-align: left; + font-size: 12px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.sold-num { + float: right; + width: 62px; +} +.pdt-name { + width: 75px; + padding-right: 12px; +} + +.cnt-list-item a{ + display: block;width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.cnt-list-item{ + height: 36px;line-height: 36px; +} + + .rank-bottom li { + color: #999; + margin-bottom: 17px; +} +.iconNew-degree1 { + width: 33px; + height: 40px; + line-height: 33px; + text-align: center; + font-size: 19px; + display: block;color: #bdbdbd; + vertical-align: middle; +} +.rank-bottom li .rank-logo img { + height: 46px; + margin-right: 8px +} +.rank-logo .blue{ + width: 46px; + height: 46px; + overflow:hidden; + margin-right: 15px; +} +.rank-bottom li > div { + float: left; +} +.rank-bottom li .rank-degree { + margin-right: 13px; +} +.rank-detail li:nth-child(1) .rank-degree{ + background:url(/static/images/ry1.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(2) .rank-degree{ + background:url(/static/images/ry1.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(3) .rank-degree{ + background:url(/static/images/ry1.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(4) .rank-degree{ + background:url(/static/images/ry2.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(5) .rank-degree{ + background:url(/static/images/ry2.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(6) .rank-degree{ + background:url(/static/images/ry2.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(7) .rank-degree{ + background:url(/static/images/ry2.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(8) .rank-degree{ + background:url(/static/images/ry2.png)center center no-repeat; + background-size: cover; +} +.rank-detail li:nth-child(9) .rank-degree{ + background:url(/static/images/ry2.png)center center no-repeat; + background-size: cover; +} + +.rank-detail li:nth-child(1) .rank-degree .iconNew-degree1{ + color: #a92924 +} +.rank-detail li:nth-child(2) .rank-degree .iconNew-degree1{ + color: #a92924 +} +.rank-detail li:nth-child(3) .rank-degree .iconNew-degree1{ + color: #a92924 +} + .company-num{ + color: #666666; + line-height: 2; + font-size: 12px; + } + .company-text .blue{ + width: 100%;font-size: 13px; + display: block; + overflow: hidden; + white-space: nowrap;color: #000; + text-overflow: ellipsis; + } + .rank-detail{ + margin-top: 15px; + } + .yestaday-right{ + float: right; + font-size: 15px; + color: #a92924;height: 34px;line-height: 34px; + } + .chart-tab-item{ + font-size: 13px; + color: #666; + cursor: pointer; + float: left; + margin-left: 20px; + padding-bottom: 6px; + border-bottom: 2px solid transparent; +} +.zgindex-container{ + float: left; + height: 34px; + line-height: 34px; +} +.icon-trends{ + float: left; + width: 44px; + overflow: hidden; + margin:4px 5px 0px; + line-height: 34px; + background-image: url(/static/images/jiantou.png); + -webkit-background-size: 409px 70px; + background-repeat: no-repeat; + background-position: -204px 8px; +} +.yestaday-right span{float: left;color: #a92924} + + .price.down .icon-trends { + background-position: -158px 0; + width: 16px; + height: 24px; +} +.price.up .icon-trends { + background-position: -298px 0; + width: 16px; + height: 24px; +} + .price.up span{ + color: #a92924 + } + .price.down span{ + color: #7eb80d + } + .chart-tables{ + height: 325px; + width: 100%;text-align: center; + } + .chart-tab-item.active { + color: #d0111a; + border-bottom-color: #d0111a; +} +#bannerAllPro .zghome-nav-disnone{ + display: none; +} + .YellowPagesBodys { + width: 1200px; + padding: 0px 0px; + margin: 16px auto 16px; + background: #fff; +} +.YellowPagesBodys .YellowPagesBodys-one{ + padding: 23px; + text-align: center;background:#fff; +} +.YellowPagesBodys .YellowPagesBodys-one a{ + float: left; + font-size: 14px; + color: #a92924; + height: 33px; + line-height: 33px; + border-radius: 25px; + text-align: center; + border: 1px solid #a92924; + margin-left: 20px; + padding: 0px 28px; +} +.YellowPagesBodys .YellowPagesBodys-one a.release-card{ + background:#a92924;color: #fff +} +.YellowPagesBodys .YellowPagesBodys-one a:hover{ + background:#a92924;color: #fff +} +.CollectionList{ + padding:25px 15px; + overflow:hidden; +} +.CollectionList-listLeft{ + position: relative; +} +.CollectionList-list{ + float: left; + width: 565px; + line-height: 34px; + border: 1px solid #d0d0d0; + padding: 15px; + border-radius: 3px; + margin: 10px; +} +.CollectionList-list:hover{ + /* box-shadow: 0 0 16px 0 rgba(53,53,53,.2);*/ +} +.CollectionList-listLeft p{ + width: 100%;text-align: left; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.CollectionList-listLeft p span{ + background: url(/static/images/iconsmall.png)no-repeat; + float: left; + width: 33px; + height: 30px; +} +.CollectionList-listLeft p:nth-child(1) span{ + background-position: 0px -66px; +} +.CollectionList-listLeft p:nth-child(2) span{ + background-position: 0px -102px; +} +.CollectionList-listLeft p:nth-child(3) span{ + background-position: 0px -137px; +} +.CollectionList-listLeft p:nth-child(4) span{ + background-position: 0px -168px; +} +.CollectionList-listLeft p:nth-child(5) span{ + background-position: 0px -202px; +} +.CollectionList-listTop{ + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + position: relative; + width: 100%; + margin-bottom: 15px; +} +.CollectionList-listTop .CollectionTop-right{ + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + text-align: left; +} +.CollectionList-listTop img{ + height: 70px; + max-width: 78px;text-align: center; + overflow:hidden; +} +.tionList-listTopImgs{ + height: 73px; + float: left;text-align: center; + margin:0px auto; + width: 100px;overflow:hidden; +} +.llectionT{ + width: 100%; + text-align: left; + line-height: 2 +} +.CollectionTop-pany{ + float: left; + font-size: 15px; + width: 100%; +} +.push-Collection{ + color: #a92924; + font-size: 14px; + height: 30px; + line-height: 33px; + cursor: pointer; + float: left; + display: block;overflow:hidden; + margin-left: 10px; + +} +.zhuying a { + float: left; + margin-right: 20px; + color: #333; +} +.zhuying .active { + color: #a92924; +} +.push-Collection i{ + width: 33px;height: 25px; + background: url(/static/images/iconsmall.png)no-repeat; + float: left; +} +.CollectionList-listLeft p a{ + display: inline-block;font-size: 12px; color: #333; +} +.enrollColl i{ + background-position: 0px -233px; +} +.cancelColl i{ + background-position: 0px -261px; +} +.CollectionTop-name{ + font-size: 15px; +} +.CollectionTop-name i{ + float: left; + width: 30px; + height: 25px; + background: url(/static/images/iconsmall.png)no-repeat; + background-position: 0px -33px; +} +.CollectionTop-name span{ + font-size: 12px; + display: inline-block; + padding-left:5px; +} +.zhuyin-yewu{ + overflow:hidden; + width: 100%; + min-height: 102px; + font-size: 12px; + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + line-clamp: 3; + -webkit-box-orient: vertical; +} +.zhuyin-yewu span{ + font-size: 13px; +} +.commend-steelLeft{ + float: left; + width: 410px; + overflow:hidden; +} +.commend-steelRight{ + float: right; + width: 110px; + text-align: center; + font-size: 12px; + overflow:hidden; +} +.commend-steelRight p{ + text-align: center; + color: #333;font-size: 12px; +} +.commend-steelRight .steelRightImgs p{ + font-size: 12px; + color: #999999; + text-align: center; +} + +.steelRightImgs img{ + height: 71px; + width: 71px; + text-align: center; +} +.YellowPagesBodys .mod-list{ + padding:10px 0px; + text-align: left;font-size: 13px; +} +.part-filter .fl { + float: left; +} +.part-filter .fr { + float: right; +} +.part-filter .block-head { + height: 52px; + line-height: 41px; + padding-left: 24px; + padding-right: 20px;overflow:hidden; + color: #959595;border-bottom: 1px solid #f5f5f5; +} +.part-filter .strong { + color: #a92924; + display: inline-block; +}.part-filter { + margin-bottom: 10px; + background: #fff; + font: 12px/1.5 -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif; + font-size: 14px; +} +.part-filter .item-sn { + padding: 0 20px; + border-bottom: 1px solid #f5f5f5; +} +.part-filter .item-sn:last-child{ + border-bottom: none; +} +.part-filter .block-snName { + margin-right: 10px; + width: 110px; + line-height: 48px;font-size: 13px; + color: #959595; +}.part-filter .block-snOptions { + width: 710px; +}.part-filter .block-snOperate { + line-height: 48px; +}.part-filter .block-snOptions .list-snOptions { + + padding-top: 15px; + line-height: 48px; + max-height: 33px; + overflow: hidden; + -webkit-transition: max-height .4s linear; + transition: max-height .4s linear; +}.part-filter .block-snOptions .item-toolbar { + font-size: 12px; + line-height: 1.5; + border-top: 1px solid #f5f5f5; + color: #959595; + display: none; +} +.part-filter .block-snOptions .item-snOptions { + margin-bottom: 16px; + float: left; + margin-right: 35px; + line-height: 18px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; + +} +.part-filter button { + background: inherit; + outline: 0; + width: 53px; + height: 26px; + font-size: 13px; + border: 1px solid #e5e5e5; + color: #959595; + cursor: pointer; +}.part-filter { + cursor: pointer; +}.part-filter .btn-expand { + margin-left: 13px; +}.part-filter .btn-expand, .part-filter .btn-multiple { + background: #fff; + line-height: normal; +} +.fe-page:after, .part-filter .box-unitSelect .item-select:after, .part-filter .btn-expand:after, .part-filter .clear:after { + content: " "; +} +.part-filter .btn-expand:after { + margin-left: 2px; + margin-top: 7px; + display: inline-block; + width: 8px; + height: 8px; + vertical-align: top; + background: url(/static/images/xiala.png); + background-size: 27px 16px; +} +.part-filter button:hover { + color: #a92924; + border-color: #a92924; +}.part-filter .btn-expand:hover:after { + background-position: 0 -8px; +}.part-filter a { + text-decoration: none; + font-size: 12px; + color: #555; +} +.part-filter .tool-head .choose-tag { + display: inline-block; + vertical-align: top; + font-size: 0; + width: 606px; +}.part-filter .tool-head .label { + display: inline-block; + font-size: 14px; + vertical-align: top; + margin-right: 10px; +} +.part-filter .checkBox { + display: inline-block; + background-color: #fff; + width: 11px; + height: 11px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #c5c5c5; + position: relative; + top: 1px; + margin-right: 3px; +} +.part-filter input:checked+.checkBox { + background: url(/static/images/xiala.png)-9px -1px no-repeat; + background-size: 27px 16px; + border-color: #a92924; +} +.part-filter .item-tag .icon-del { + position: absolute; + top: 6px; + right: 6px; + display: block; + width: 8px; + height: 8px; + background: url(/static/images/xiala.png) -19px 0 no-repeat; + background-size: 27px 16px; +} +.part-filter .item-tag { + position: relative; + display: inline-block; + margin-right: 8px; + padding: 2px 20px 2px 6px; + max-width: 160px; + + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; + line-height: 16px; + font-size: 14px; + color: #a92924; + border: 1px solid #e5e5e5; + cursor: pointer; +} +.part-filter .choose-tag .item-tag { + margin-bottom: 8px; +} +.part-filter .block-snOptions .list-snOptions.active{ + max-height: 184px; + overflow: auto; + -webkit-transition: max-height .4s linear; + transition: max-height .4s linear; +} + +.part-filter .btn-expand.active:after { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +}.part-filter .block-head .item-tag { + margin: 10px 4px;height: 22px +} + .part-filter .item-tag:hover { + border-color: #a92924; +} +.part-filter .item-tag:hover .icon-del { + background-position:-19px -8px +}.part-filter a:hover { + color:#a92924 +} +.part-filter .hide { + display:none +} + +.part-filter .clear:after { + display:block; + width:0; + clear:both +}.part-filter label:hover { + cursor:pointer; + color:#a92924 +} +.part-filter label:hover>.checkBox { + border-color:#a92924 +} + +.part-filter .strong { + color:#353535 +} +.part-filter [expand] .list-snOptions { + max-height: 184px; + overflow: auto; + -webkit-transition: max-height .4s linear; + transition: max-height .4s linear; +} +.part-filter [multiple] .block-snOptions .item-toolbar { + display: block; +} +.part-filter [multiple] .btn-expand, .part-filter [multiple] .btn-multiple { + display: none; +} +.part-filter [multiple] .custom-input{ + display: none; +} +.part-filter .tool-head { + margin-top: 10px; + line-height: 21px; + min-height: 26px; + font-size: 0; +} +.list-sn .btn-group button { + display: inline-block; + font-size: 14px; + height: 32px; + width: 60px; + border: 1px solid #a92924; + color: #a92924; + margin-right: 32px; +} +.list-sn .btn-group button.primary, .list-sn .btn-group button:hover { + color: #fff; + background: #a92924; +}.list-sn .btn-group { + padding: 17px 0; + text-align: center; + font-size: 0; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #fcfcfc; + background-image: none; + border-radius: 0; + border: 1px solid #dcdcdc; + box-sizing: border-box; + color: #666; + display: inline-block; + font-size: inherit; + height: 36px; + outline: 0; + padding: 0 15px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; + height: 26px; + line-height: 26px; + padding: 0 10px; +} +.el-input { + position: relative; + font-size: 12px; + float: left; + width: 120px; + margin-right: 3px; +} +.part-filter .btn-multiple{ + margin-left: 13px; +} +/* .el-button--mini { + color: #666; + background: #fcfcfc; +} + .el-button--mini span{ + color: #666;font-size: 13px; + } */ + .zz-popup-inline { + margin-left: 10px; + min-height: 30px; + width: 137px; + float: left; +} +.zz-ediform_li{ + margin-top: 12px; +} +.zz-ediform_li .layui-input, .zz-ediform_li .layui-textarea,.zz-ediform_li .layui-select{ + height: 30px; +} +.YellowPageAdvg a{ + margin-bottom: 15px; +} +.Yellow-input input[type=text]{ + width: 360px; + height: 39px; + border: 2px solid #a92924; + border-right: 0; + padding: 0 10px; + font-size: 13px; + outline: none; +} +.Yellow-input-inner button.Yellow-btn { + float: left; + width: 90px; + height: 39px; + background: #a92924; + border: 0; + color: #fff; + font-size: 14px; + cursor: pointer; + outline: none; +} +.Yellow-input{ + float: left; +} +.Yellow-input-inner{ + padding: 30px 25px 0px; +} +.Yellow-input-inner button.Yellow-btn:hover ,.navigation-top .searchBar button:hover{ + background: #a92924; +} +.mod-tools .tool-item:hover .login-ingon { + background: #fff url(/static/images/icon8.png)left center no-repeat; + padding-left: 24px; + padding-right: 8px; + font-size: 12px; +} +.MemberCenterLeft{ + float: left; + width: 220px; + text-align: left; + background: #fff; +} +.MemberCenterRight{ + float: right; + width: 960px; +} +.MemberCenterLeft-Ul{ + padding:20px 1px; + text-align: left; + line-height: 2 +} +.MemberCenterLeft-List { + margin-bottom: 10px; + padding:0px 0px 0px 30px; +} +.MemberCenterLeft-List i{ + margin-right: 10px; + width: 27px; + height: 35px; + float: left; + background: url(/static/images/iconsmall.png)no-repeat center center; +} +.MemberCenterLeft-List a{ + display: block; + padding:9px 0px; + font-size: 15px; +} +.MemberCenterLeft-List .wdfb{ + background-position: -70px -66px; +} +.MemberCenterLeft-List .wdtd{ + background-position: -70px -101px; +} +.Cumulative i{ + height: 35px;width: 45px; + float: left; + background: url(/static/images/iconsmall.png)no-repeat center center; + background-position: -103px -261px; +} +.Cumulative i.jybzjjn{ + background-position:-103px -305px; +} +.MemberCenterLeft-List:hover .wdfb{ + background-position: -70px -133px; +} +.MemberCenterLeft-List:hover .wdtd{ + background-position: -70px -167px; +} + +.MemberCenterLeft-List.active .wdfb{ + background-position: -70px -133px; +} +.MemberCenterLeft-List.active .wdtd{ + background-position: -70px -167px; +} + +.MemberCenterLeft-List .qyrz{ + background-position: -109px -30px +} +.MemberCenterLeft-List .grrz{ + background-position: -109px -63px +} +.MemberCenterLeft-List .wdmp{ + background-position: -109px -96px; +} +.MemberCenterLeft-List .zhgl{ + background-position: -109px -127px; +} +.MemberCenterLeft-List .wdxx{ + background-position: -109px -156px; +} +.MemberCenterLeft-List .ptqy{ + background-position: -109px -189px; +} +.MemberCenterLeft-List .jfgl{ + background-position: -109px -227px; +} +.MemberCenterLeft-List .wdshch{ + background-position: -107px -342px; +} +.MemberCenterLeft-List .wdxiza{ + background-position: -107px -370px; +} +.MemberCenterLeft-List .wdsouchan{ + background-position:-172px -339px; +} + + + + + +.MemberCenterLeft-List:hover .qyrz{ + background-position: -144px -30px +} +.MemberCenterLeft-List:hover .grrz{ + background-position: -140px -63px +} +.MemberCenterLeft-List:hover .wdmp{ + background-position: -144px -96px; +} +.MemberCenterLeft-List:hover .zhgl{ + background-position: -144px -127px; +} +.MemberCenterLeft-List:hover .wdxx{ + background-position: -144px -156px; +} +.MemberCenterLeft-List:hover .ptqy{ + background-position: -144px -189px; +} +.MemberCenterLeft-List:hover .jfgl{ + background-position: -144px -227px; +} + +.MemberCenterLeft-List:hover .wdshch{ + background-position: -144px -341px; +} +.MemberCenterLeft-List:hover .wdxiza{ + background-position:-143px -370px; +} +.MemberCenterLeft-List:hover .wdsouchan{ + background-position: -173px -372px; +} + + + + +.MemberCenterLeft-List.active .qyrz{ + background-position: -144px -30px +} +.MemberCenterLeft-List.active .grrz{ + background-position: -140px -63px +} +.MemberCenterLeft-List.active .wdmp{ + background-position: -144px -96px; +} +.MemberCenterLeft-List.active .zhgl{ + background-position: -144px -127px; +} +.MemberCenterLeft-List.active .wdxx{ + background-position: -144px -156px; +} +.MemberCenterLeft-List.active .ptqy{ + background-position: -144px -189px; +} +.MemberCenterLeft-List.active .jfgl{ + background-position: -144px -227px; +} + +.MemberCenterLeft-List.active .wdshch{ + background-position: -144px -341px; +} +.MemberCenterLeft-List.active .wdxiza{ + background-position: -143px -369px; +} +.MemberCenterLeft-List.active .wdsouchan{ + background-position: -172px -372px; +} + + +.MemberCenterLeft-List:hover a{ + background: #a92924;color: #fff +} +.MemberCenterLeft-List:hover { + background: #a92924;color: #fff +} +.MemberCenterLeft-List.active a{ + background: #a92924;color: #fff +} +.MemberCenterLeft-List.active { + background: #a92924;color: #fff +} + + +.MemberCenterLeft-List6 i { + margin-right: 10px; + width: 27px; + height: 35px; + float: left; + background: url(/static/images/iconsmall.png)no-repeat center center; +} +.MemberCenterLeft-List6 a { + display: block; + padding: 9px 0px; + font-size: 15px; + padding-left: 30px; +} +.MemberCenterLeft-List6 { + margin-bottom: 10px; +} + +.MemberCenterLeft-List6 a:hover{ + background: #a92924;color: #fff +} + + +.MemberCenterLeft-List6.active .ccccc{ + background: #a92924;color: #fff +} + +.MemberCenterLeft-List6 .ddddd{ + display: none; +} + +.MemberCenterLeft-List6.active .ddddd{ + display: block; +} + +.MemberCenterLeft-List6.active .ccccc a{ + background: #a92924;color: #fff +} + +.MemberCenterLeft-List6 .ccccc .mj-xjhy{ + background-position: -486px -28px; +} + +.MemberCenterLeft-List6 .ccccc .mj-bjgl{ + background-position: -486px -63px; +} + +.MemberCenterLeft-List6 .ccccc .mj-htgl{ + background-position: -486px -97px; +} + +.MemberCenterLeft-List6 .ccccc .mj-jygl{ + background-position: -486px -132px; +} + +.MemberCenterLeft-List6 .ccccc .mj-dpgl{ + background-position: -486px -169px; +} + +.MemberCenterLeft-List6 .ccccc .mj-wdjgc{ + background-position: -486px -208px; +} + +.MemberCenterLeft-List6.ccccc{ + +} +.MemberCenterLeft-List6 .active .ccccc a{ + background: #a92924;color: #fff; +} + + +.MemberCenterLeft-List6.active .ccccc .mj-xjhy{ + background-position: -524px -28px; +} + +.MemberCenterLeft-List6.active .ccccc .mj-bjgl{ + background-position: -524px -63px; +} + +.MemberCenterLeft-List6.active .ccccc .mj-htgl{ + background-position: -524px -97px; +} + +.MemberCenterLeft-List6.active .ccccc .mj-jygl{ + background-position: -524px -132px; +} + +.MemberCenterLeft-List6.active .ccccc .mj-dpgl{ + background-position: -524px -169px; +} + +.MemberCenterLeft-List6.active .ccccc .mj-wdjgc{ + background-position: -524px -208px; +} + + +.MemberCenterLeft-List6 a:hover .mj-xjhy{ + background-position: -524px -28px; +} + +.MemberCenterLeft-List6 a:hover .mj-bjgl{ + background-position: -524px -63px; +} + +.MemberCenterLeft-List6 a:hover .mj-htgl{ + background-position: -524px -97px; +} + +.MemberCenterLeft-List6 a:hover .mj-jygl{ + background-position: -524px -132px; +} + +.MemberCenterLeft-List6 a:hover .mj-dpgl{ + background-position: -524px -169px; +} + +.MemberCenterLeft-List6 a:hover .mj-wdjgc{ + background-position: -524px -208px; +} + .ddddd a{ + color: #888;text-indent: 2em; + padding:4px 0px; + padding-left: 30px;font-size: 14px + } + + + + + +.Cumulative{ + text-align: left; + line-height: 2; + font-size: 16px; + margin-bottom: 15px; +} +.Cumulative span{ + color: #a92924; + font-size: 20px; + padding:0px 5px; + float: left;position: relative; +} +.MemberCenterRight .entionDl{ + border-top: 1px solid #ddd +} +.Cumulative a.Cumulative-issue{ + display: inline-block; + background: #a92924; + color: #fff; + padding:3px 25px;margin-left: 25px; +} +.shoushuo{ + background: url(/static/images/iconsmall.png)no-repeat center center; + color: #fff; + height: 38px; + width: 45px; + text-align: center; + line-height: 38px; + position: absolute; + right: 0px; + top: 0px;background-position: -62px -199px; +} +.IssueCoop-input-block{ + position: relative; +} +.MemberCenterRight .entionDl:nth-child(1){ + border-top: 1px solid #fff +} +.place-top { + width: 55px; + height: 67px; + box-sizing: border-box; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border: 1px solid #f0f0f0; + cursor: pointer; + color: #666; +} +.place-top .top-icon { + width: 19px; + display: block; + height: 18px; + background: url(/static/images/cc-top.png)no-repeat center center; +} +.place-top-label{ + margin-top: 12px;font-size: 12px; +} + +.im-bar-container{ + position: fixed; + z-index: 3; + right: 0; + bottom: 125px; + width: 55px; + color: #333; + text-align: center; + font-size: 12px; +} +.flex-ac { + align-items: center; +} +.flex-v { + display: flex; + flex-direction: column; +} +.MemberCenterLeft-List6 i.mj-zyzx{ + background-position:-678px -32px; +} +.MemberCenterLeft-List6 a:hover .mj-zyzx{ + background-position: -678px -72px; +} +.MemberCenterLeft-List6.active .ccccc .mj-zyzx{ + background-position: -678px -72px; +} + +.resource_form_label { + position: relative; + float: left; + display: block; + padding: 7px 0px; + font-size: 14px; + font-weight: 400; + width: 90px; + line-height: 20px; + text-align: right; +} +.resource_form_item{ + position: relative; + float: left; + width: 600px; +} +.resource_form_itemright{ + float: right; + position: relative; + width: 290px; +} +.resource_input_block { + margin-left: 100px; +} +.resource_inline{ + float: left; + width: 190px; + +} +.resource_formdiv{ + margin-bottom: 20px; +} +.resource-btn{ + width: 100%; + text-align: center; + height: 45px; + line-height: 45px; + color: #fff; + background: #a92924; + margin: 0px auto; + display: block; + font-size: 15px; + cursor: pointer; +} +.upload-drag .imag_zhijpg { + line-height: 44px; + color: #888888; + padding-right: 10px; + height: 44px; + float: left; +}.resource_upload { + cursor: pointer; + float: left; + overflow: hidden; + margin-right: 20px; + position: relative; + } +.resource_upload span { + display: inline-block; + +} +.resource_form_brief{ + margin-left: 230px; +}.resource_titles { + width: 100%; + color: #a92924; + font-size: 19px; + font-weight: bold; + text-align: left; + border-left: 4px solid #a92924; + padding-left: 12px; + height: 20px; + line-height: 20px; + margin-bottom: 15px; + } +.resource_buttom{ + height: 33px; + background: url(/static/images/iconsmall.png)no-repeat center center; + background-position: -656px -108px; + width: 66px; +} +.resource_center_btnlist{ + float: left; + margin-right:20px; +} +.resource_center_btnlist .button_resource{ + border:1px solid #a92924; + display: block; + padding: 0px 15px; + height: 40px; + font-size: 16px; + line-height: 40px; + background: #fff; + outline: none; + color: #a92924;cursor: pointer; +} +.resource_center_btnlist .button_resource.resource_addbtnlist{ + background: #a92924; + color: #fff;display: block; +} +.resource_center_btnlist .button_resource span{ + width: 30px; + height: 38px; + background: url(/static/images/iconsmall.png)no-repeat center center; + float: left;margin-right: 7px; +} +.resource_center_btnlist .resource_addbtnlist span{ + background-position: -676px -147px; +} +.resource_center_btnlist .resource_delbtnlist span{ + background-position: -676px -188px; +} +.resource_center_btnlist .resource_editbtnlist span{ + background-position: -676px -232px; +} +.resource_center_btnlist .resource_cancelbtnlist span{ + background-position: -676px -275px; +} + +.shop_fllow{ + width: 100%; + height: auto; +} +.shop_fllow .header{ + width: 100%; + height: 50px; +} +.shop_fllow .header .left{ + float: left; + width: 170px; + height: 50px; + border-top-right-radius: 8px; + border-top-left-radius: 8px; + line-height: 50px; + text-align: center; + color: #fff; + font-size: 22px; +} +.shop_fllow .header .right{ + float: right; + width: 120px; + height: 50px; + padding-right: 10px; +} +.shop_fllow .header .right a{ + text-align: right; + color: #888888; + line-height: 50px; + font-size: 18px; +} +.shop_fllow .header.yellow{ + border-bottom: 2px #ffc413 solid; +} +.shop_fllow .header.yellow a:hover{ + color: #ffc413; +} +.shop_fllow .header.yellow .left{ + background: #ffc413; +} +.shop_fllow .details{ + overflow: auto; + margin-top: 20px; +} +.shop_fllow .details .left{ + float: left; + width: 300px; + height: 510px; + overflow: hidden; +} +.shop_fllow .details .left img{ + width: 300px; + height: 510px; +} +.shop_fllow .details .left:hover img{ + opacity: 0.8; +} +.shop_fllow .details .right{ + float: right; + width: 900px; + height: 510px; +} +.shop_fllow .details .right li{ + float: left; + width: 298.666px; + height: 254px; + margin-right: 2px; + padding: 10px 0px 0px 0px; + background: #fff; +} +.shop_fllow .details .right li:nth-child(n+4){ + margin-top: 2px; +} +.shop_fllow .details .right li:nth-child(3n){ + margin-right: 0px; +} +.details .right .p_icons{ + width: 100%; + height: 150px; + overflow: hidden; + text-align: center; +} +.details .right li:hover .p_icons img{ + opacity: 0.8; +} +.details .right .p_icons img{ + width: 150px; + height: 150px; +} +.details .right li h3{ + width: 90%; + margin: auto; + margin-top: 12px; + line-height: 18px; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} +.details .right li h3 a{ + font-size: 14px; +} +.details .right li p{ + color: #ff1717; + padding-left: 5%; + font-size: 16px; + font-weight: 600; + margin-top: 10px; +} +.shop_fllow .header.red{ + border-bottom: 2px #e10000 solid; +} +.shop_fllow .header.red a:hover{ + color: #e10000; +} +.shop_fllow .header.red .left{ + background: #e10000; +} +.detail_2fls{ + width: 1200px; + height: 510px; + margin-top: 20px; + overflow: hidden; +} +.detail_2fls ul{ + width: 1200px; +} +.detail_2fls li{ + width: 298.5px; + height: 254px; + float: left; + margin-right: 2px; + padding: 10px 0px 0px 0px; + background: #fff; +} +.detail_2fls li:nth-child(4n) { + margin-right: 0px; +} +.detail_2fls li:nth-child(n+5){ + margin-top: 2px; +} +.detail_2fls li .p_icons { + width: 100%; + height: 150px; + overflow: hidden; + text-align: center; +} +.detail_2fls li .p_icons img { + width: 150px; + height: 150px; +} +.detail_2fls li h3 { + width: 90%; + margin: auto; + margin-top: 12px; + line-height: 18px; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} +.detail_2fls li p { + color: #ff1717; + padding-left: 5%; + font-size: 16px; + font-weight: 600; + margin-top: 10px; +} +.detail_2fls li:hover .p_icons img { + opacity: 0.8; +} +.shop_fllow .header.green{ + border-bottom: 2px #95c10f solid; +} +.shop_fllow .header.green a:hover{ + color: #95c10f; +} +.shop_fllow .header.green .left{ + background: #95c10f; +} +.shop_fllow .header.orange{ + border-bottom: 2px #fa7711 solid; +} +.shop_fllow .header.orange a:hover{ + color: #fa7711; +} +.shop_fllow .header.orange .left{ + background: #fa7711; +} +.shop_fllow .header.tea{ + border-bottom: 2px #05b23f solid; +} +.shop_fllow .header.tea a:hover{ + color: #05b23f; +} +.shop_fllow .header.tea .left{ + background: #05b23f; +} +.shop_fllow .header.wine{ + border-bottom: 2px #edba5a solid; +} +.shop_fllow .header.wine a:hover{ + color: #edba5a; +} +.shop_fllow .header.wine .left{ + background: #edba5a; +} +.shop_fllow .header.gray{ + border-bottom: 2px #d9dbce solid; +} +.shop_fllow .header.gray a:hover{ + color: #d9dbce; +} +.shop_fllow .header.gray .left{ + background: #d9dbce; +} + +.shop_fllow .header.blue{ + border-bottom: 2px #4e76cd solid; +} +.shop_fllow .header.blue a:hover{ + color: #4e76cd; +} +.shop_fllow .header.blue .left{ + background: #4e76cd; +} +.shop_footer{ + width: 100%; + background: #fff; + border-bottom: 1px solid #f2f2f2; +} +.footer_cent{ + width: 1200px; + height: 90px; + line-height: 90px; + margin: auto; +} +.footer_cent li{ + width: 300px; + line-height: 90px; + float: left; + font-weight: 600; + font-size: 18px; +} +#footer{ + margin-top: 0px; +} + +.ddddd .shop_check{ + color: #a92924; +} \ No newline at end of file diff --git a/common/function/myPubFunction.js b/common/function/myPubFunction.js index 87a7a33..f98fd8a 100644 --- a/common/function/myPubFunction.js +++ b/common/function/myPubFunction.js @@ -12,4 +12,71 @@ myfn.test1 = function(obj = {}) { return obj; }; -export default myfn; +myfn.convertCurrency = function(money) { + // 汉字的数字 + const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; + // 基本单位 + const cnIntRadice = ['', '拾', '佰', '仟']; + // 对应整数部分扩展单位 + const cnIntUnits = ['', '万', '亿', '兆']; + // 对应小数部分单位 + const cnDecUnits = ['角', '分', '毫', '厘']; + // 整数金额时后面跟的字符 + const cnInteger = '整'; + // 整型完以后的单位 + const cnIntLast = '元'; + + let chineseStr = ''; // 输出的中文金额字符串 + let parts; // 分离金额后用的数组,预定义 + if (money == '') { + return ''; + } + money = parseFloat(money); + if (isNaN(money) || money >= 1000000000000) { + return ''; + } + money = money.toFixed(2); // 转换为字符串,并保留两位小数 + parts = money.split('.'); + let integerNum = parts[0]; + let decimalNum = parts[1]; + if (parseInt(integerNum) > 0) { + let zeroCount = 0; + let IntLen = integerNum.length; + for (let i = 0; i < IntLen; i++) { + let n = integerNum.substr(i, 1); + let p = IntLen - i - 1; + let q = p / 4; + let m = p % 4; + if (n == '0') { + zeroCount++; + } else { + if (zeroCount > 0) { + chineseStr += cnNums[0]; + } + zeroCount = 0; + chineseStr += cnNums[parseInt(n)] + cnIntRadice[m]; + } + if (m == 0 && zeroCount < 4) { + chineseStr += cnIntUnits[q]; + } + } + chineseStr += cnIntLast; + } + if (decimalNum != '') { + let decLen = decimalNum.length; + for (let i = 0; i < decLen; i++) { + let n = decimalNum.substr(i, 1); + if (n != '0') { + chineseStr += cnNums[Number(n)] + cnDecUnits[i]; + } + } + } + if (chineseStr == '') { + chineseStr += cnNums[0] + cnIntLast + cnInteger; + } else if (decimalNum == '') { + chineseStr += cnInteger; + } + return chineseStr; +} + +export default myfn; \ No newline at end of file diff --git a/components/category-bar/category-bar.vue b/components/category-bar/category-bar.vue index 7cb5d05..07fb3a4 100644 --- a/components/category-bar/category-bar.vue +++ b/components/category-bar/category-bar.vue @@ -9,26 +9,26 @@ 全部商品分类 -