From e533234b25cdf71f29e578995983d1383fe98150 Mon Sep 17 00:00:00 2001 From: tao <165526381@qq.com> Date: Fri, 28 Feb 2020 18:42:37 +0800 Subject: [PATCH 1/4] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BB=84=E4=BB=B6mip-jia?= =?UTF-8?q?-zxgs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sites/m.jia.com/.editorconfig | 14 + sites/m.jia.com/.eslintignore | 2 + sites/m.jia.com/.eslintrc | 39 + sites/m.jia.com/.gitignore | 8 + sites/m.jia.com/common/.gitkeep | 0 .../mip-jia-zxgs/example/mip-example.html | 21 + .../components/mip-jia-zxgs/mip-jia-zxgs.md | 29 + .../components/mip-jia-zxgs/mip-jia-zxgs.vue | 809 +++++++++++++++++ sites/m.jia.com/example/index.html | 26 + sites/m.jia.com/example/mip-zixun-article.css | 823 ++++++++++++++++++ sites/m.jia.com/mip.config.js | 31 + sites/m.jia.com/package.json | 25 + sites/m.jia.com/static/.gitkeep | 0 13 files changed, 1827 insertions(+) create mode 100644 sites/m.jia.com/.editorconfig create mode 100644 sites/m.jia.com/.eslintignore create mode 100644 sites/m.jia.com/.eslintrc create mode 100644 sites/m.jia.com/.gitignore create mode 100644 sites/m.jia.com/common/.gitkeep create mode 100644 sites/m.jia.com/components/mip-jia-zxgs/example/mip-example.html create mode 100644 sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.md create mode 100644 sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue create mode 100644 sites/m.jia.com/example/index.html create mode 100644 sites/m.jia.com/example/mip-zixun-article.css create mode 100644 sites/m.jia.com/mip.config.js create mode 100644 sites/m.jia.com/package.json create mode 100644 sites/m.jia.com/static/.gitkeep diff --git a/sites/m.jia.com/.editorconfig b/sites/m.jia.com/.editorconfig new file mode 100644 index 000000000..cb530eac4 --- /dev/null +++ b/sites/m.jia.com/.editorconfig @@ -0,0 +1,14 @@ +UTF-8 +# This file is for unifying the coding style for different editors and IDEs +# editorconfig.org +root = true +[*] +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true +[*.{js,styl,html,json,vue}] +indent_size = 2 +indent_style = space +[*.md] +trim_trailing_whitespace = false diff --git a/sites/m.jia.com/.eslintignore b/sites/m.jia.com/.eslintignore new file mode 100644 index 000000000..db4c6d9b6 --- /dev/null +++ b/sites/m.jia.com/.eslintignore @@ -0,0 +1,2 @@ +dist +node_modules \ No newline at end of file diff --git a/sites/m.jia.com/.eslintrc b/sites/m.jia.com/.eslintrc new file mode 100644 index 000000000..84a3a2e9c --- /dev/null +++ b/sites/m.jia.com/.eslintrc @@ -0,0 +1,39 @@ +{ + "parser": "vue-eslint-parser", + "parserOptions": { + "ecmaVersion": 8, + "sourceType": "module", + "allowImportExportEverywhere": false + }, + "extends": [ + "standard", + "plugin:vue/recommended" + ], + "plugins": [ + "jsdoc" + ], + "globals": { + "MIP": true + }, + "env": { + "browser": true + }, + "rules": { + "jsdoc/check-param-names": 1, + "jsdoc/check-tag-names": 1, + "jsdoc/check-types": 1, + "jsdoc/newline-after-description": 1, + "jsdoc/no-undefined-types": 1, + "jsdoc/require-description-complete-sentence": 0, + "jsdoc/require-example": 0, + "jsdoc/require-hyphen-before-param-description": 0, + "jsdoc/require-param": 1, + "jsdoc/require-param-description": 1, + "jsdoc/require-param-name": 1, + "jsdoc/require-param-type": 1, + "jsdoc/require-returns-description": 1, + "jsdoc/require-returns-type": 1, + "jsdoc/valid-types": 1, + "no-var": 2 + } +} diff --git a/sites/m.jia.com/.gitignore b/sites/m.jia.com/.gitignore new file mode 100644 index 000000000..1207415d5 --- /dev/null +++ b/sites/m.jia.com/.gitignore @@ -0,0 +1,8 @@ +node_modules/ +dist/ +.idea/ +*.log +Thumbs.db +.DS_Store +*.swp +*.gz diff --git a/sites/m.jia.com/common/.gitkeep b/sites/m.jia.com/common/.gitkeep new file mode 100644 index 000000000..e69de29bb diff --git a/sites/m.jia.com/components/mip-jia-zxgs/example/mip-example.html b/sites/m.jia.com/components/mip-jia-zxgs/example/mip-example.html new file mode 100644 index 000000000..1078d4384 --- /dev/null +++ b/sites/m.jia.com/components/mip-jia-zxgs/example/mip-example.html @@ -0,0 +1,21 @@ + + + + + + MIP page + + + + + +
+ +
+ + + + + + diff --git a/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.md b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.md new file mode 100644 index 000000000..048db57d6 --- /dev/null +++ b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.md @@ -0,0 +1,29 @@ +# `mip-jia-zxgs` + +标题|内容 +----|---- +类型| +支持布局| +所需脚本|[https://c.mipcdn.com/extensions/platform/v2/m.jia.com/mip-jia-zxgs/mip-jia-zxgs.js](https://c.mipcdn.com/extensions/platform/v2/m.jia.com/mip-jia-zxgs/mip-jia-zxgs.js) + +## 说明 + +推荐信息组件 + +## 示例 + + +示例说明 + +``` +// 代码示例 + +``` + +## 属性 + +### articleId + +**说明**：文章id + +**必选项**：是 diff --git a/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue new file mode 100644 index 000000000..4441b01c3 --- /dev/null +++ b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue @@ -0,0 +1,809 @@ + + + diff --git a/sites/m.jia.com/example/index.html b/sites/m.jia.com/example/index.html new file mode 100644 index 000000000..e207733ca --- /dev/null +++ b/sites/m.jia.com/example/index.html @@ -0,0 +1,26 @@ + + + + + + MIP page + + + + + +
+

First MIP page

+

Add MIP components here

+ +
+ + + + diff --git a/sites/m.jia.com/example/mip-zixun-article.css b/sites/m.jia.com/example/mip-zixun-article.css new file mode 100644 index 000000000..42aee91cd --- /dev/null +++ b/sites/m.jia.com/example/mip-zixun-article.css @@ -0,0 +1,823 @@ +/*重置代码*/ +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, table, td, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, textarea, input{margin: 0; padding: 0; border: 0; outline: none 0; vertical-align: baseline; font-weight: 500; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} +input, select, textarea{-webkit-appearance: none; outline: none;} +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block} +html{height: 100%; font-size: 625%; line-height: 1.5; background-color: #f0f0f0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} +body{min-height: 100%; max-width: 640px; margin: 0 auto; font-size: .14rem; color: #333; font-family: "Microsoft YaHei", "Helvetica", "Helvetica Neue";} +ul, ol, li, dl, dt, dd{list-style-type: none;} +.clearfix:before, .clearfix:after{display: table; content: '';} +.clearfix:after{clear: both;} +.clearfix{*zoom: 1;} +i, em{font-style: normal} +.pr{position: absolute; right: 0; top: 0;} +.pl{position: absolute; left: 0; top: 0;} +.fl{float: left;} +.fr{float: right;} +/*文章详情*/ +.wz_section{background-color: #fff;} +.wz_section mip-showmore, .wz_section .wz_wrap{padding: 0 .12rem;} +.wz_caption{padding: .2rem .12rem 0 .12rem;} +.wz_caption h1{font-size: .24rem; font-weight: bold; line-height: .32rem; color: #333;} +.wz_caption .info-dl{position: relative; margin-top: .22rem;} +.wz_caption .info-dl dt{width: .35rem; height: .35rem; margin-right: .05rem; border-radius: 100%; overflow: hidden;} +.wz_caption .info-dl dd{position: relative; height: .4rem; line-height: 1; margin-right: 1rem; overflow: hidden;} +/*.wz_caption .info-dl .info-box{position:absolute; top:50%; left:0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}*/ +.wz_caption .info-dl .name{color: #333; font-size: .12rem; line-height: .16rem;} +.wz_caption .info-dl .rz{color: #999; font-size: .08rem; line-height: 1.4;} +.wz_caption .info-dl .time{color: #999; font-size: .08rem; line-height: 1;} +.artical-referral{position: relative; padding: .18rem .18rem .18rem .33rem} +.artical-referral:before{content: ''; position: absolute; top: .15rem; left: .12rem; width: .15rem; height: .13rem; background: url(//mued3.jia.com/image/mobile/toutiao/quotation.png) no-repeat; background-size: 100%} +.artical-referral .sub-title{display: -webkit-box; font-size: .14rem; color: #999; line-height: .21rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical} +.artical-referral:after{content: ''; position: absolute; bottom: .1rem; left: .33rem; width: .65rem; height: 1px; background: #e2e2e2} +.link-circle{position: absolute; top: 0; right: 0; padding: .05rem .1rem; margin: .06rem 0 0 .12rem; color: #a77e1a; text-align: center; line-height: 1; font-size: .12rem; border-radius: .2rem; border: 1px solid #efdec0; background: #fbf7ec;} +.link-circle .arrow{border-style: solid; border-color: #a77e1a transparent transparent #a77e1a; border-width: .01rem 0 0 .01rem; width: .04rem; height: .04rem; display: inline-block; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); vertical-align: middle; margin: -.01rem 0 0 .02rem;} +.wz_content{margin-top: .2rem; font-size: .16rem; line-height: .24rem;} +.wz_content a{color: #e55f2e;} +.wz_content p{margin-top: .16rem;} +.wz_content .info-title{font-weight:bold;} +.zz_yj{margin-top: .1rem; font-size: .12rem; color: #999; text-align: center;} +.detail-read{padding: 0 .12rem .07rem 0; color: #999; font-size: .13rem;} +.detail-read .read{padding: .07rem 0 0 .14rem} +.detail-read label{margin-left: .04rem} +.detail-read .wz-zan-box{padding: .07rem .12rem} +.detail-read .wz-zan-box.cur .wz-zan-num{color: #ee2d1b} +.detail-read .wz-zan-box .wz-zan-icon{display: inline-block; width: .18rem; height: .17rem; background: url(//mued3.jia.com/image/mobile/toutiao/zan_icon.png) no-repeat 0 0/100%; vertical-align: -.02rem; cursor: pointer; margin-top: -.03rem} +.detail-read .store-box{position: relative; padding: .07rem .14rem} +.detail-read .store-box:before{content: ''; position: absolute; top: .04rem; left: 0; width: 1px; height: .24rem; background: #ecebeb} +.detail-read .store-icon{display: inline-block; width: .17rem; height: .17rem; background: url(//mued3.jia.com/image/mobile/toutiao/store-icon-gray.png) no-repeat; background-size: 100%; vertical-align: top; cursor: pointer} +.detail-read .store-box.cur .store-icon{background-position: 0 83.3%;} +.detail-read .report{padding: .07rem 0 0 .14rem; font-size: .12rem; color: #787979; line-height: .16rem} +.mip-form-target{margin-bottom: .1rem;} +.tjj-img{display: none;} +/* 论坛入口 */ +.circle-index-enter{position: relative; display: block; background: #fff;} +.circle-index-info{background: #f7f7f7; margin: 0 .12rem; padding: .1rem;} +.circle-index-info .enter-title{font-size: .15rem; font-weight: bold;} +.circle-index-info .circle-friends-box{margin-top: .07rem;} +.circle-index-info .user-list{float: left;} +.circle-index-info .user-txt{float: left; font-size: .1rem;} +.circle-index-info .user-item{float: left; width: .13rem; height: .13rem; margin-right: .03rem;} +.circle-index-info .user-item img{vertical-align: top; border-radius: 100%;} +.circle-index-enter:after{content: ''; position: absolute; top: 50%; right: .22rem; margin-top: -.05rem; border-left: .01rem solid #999; border-bottom: .01rem solid #999; width: .1rem; height: .1rem; display: inline-block; transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg);} +.circle-type-box{background: #fff; padding: .21rem 0 0 0; margin-bottom: .08rem;} +.circle-type-box .circle-type-li{float: left; width: 33.3%; text-align: center; margin-bottom: .21rem; color: #666; font-size: .11rem;} +.circle-type-box .circle-type-li .icon{display: block; width: .27rem; height: .27rem; background: url("//mued3.jia.com/image/mobile/zx_circle/circle-type-icon.png") no-repeat; background-size: 100%; margin: 0 auto .09rem auto;} +.circle-type-box .circle-type-li mip-img{display: block; width: .27rem; height: .27rem; margin: 0 auto .09rem auto;} +.circle-type-box .circle-type-li .icon2{background-position: 0 19.47%;} +.circle-type-box .circle-type-li .icon3{background-position: 0 38.94%;} +.circle-type-box .circle-type-li .icon4{background-position: 0 58.41%;} +.circle-type-box .circle-type-li .icon5{background-position: 0 77.88%;} +.circle-type-box .circle-type-li .icon6{background-position: 0 97.35%;} +.circle-type-box .circle-type-li mip-img{width: .15rem; height: .15rem; display: inline-block; vertical-align: middle; margin: 0 .05rem 0 0;} +.circle-type-box .circle-type-li p{font-size: .115rem; color: #333; display: inline-block; vertical-align: middle; line-height: .15rem;} +.circle-type-box .circle-type-li a{width: 100%; display: block; border-right: 1px solid #ececec;} +.circle-type-box .circle-type-li:nth-child(3n+3) a{border-right: none;} +.circle-type-box .circle-type-li:nth-child(1), .circle-type-box .circle-type-li:nth-child(4){text-align: left; width: 30%;} +.circle-type-box .circle-type-li:nth-child(3), .circle-type-box .circle-type-li:nth-child(6){text-align: right; width: 30%;} +.circle-type-box .circle-type-li:nth-child(2), .circle-type-box .circle-type-li:nth-child(5){width: 39%;} +.circle-type-box .circle-type-li:nth-child(4), .circle-type-box .circle-type-li:nth-child(5), .circle-type-box .circle-type-li:nth-child(6){border-bottom: none;} +.circle-type-box .circle-type-li{padding-bottom: .1rem; margin-bottom: 0; border-bottom: 1px solid #ececec; padding-top: .1rem;} +.circle-type-box{padding: 0 .125rem;} +/*旺铺店铺&商品*/ +.wp-li{position: relative; margin-top: .16rem; padding: .2rem 0 .15rem; background: #fff;} +.wp-li::before, .wp-li::after{content: ''; position: absolute; left: -.14rem; right: -.14rem; height: .05rem; background: #f5f5f5;} +.wp-li::before{top: 0;} +.wp-li::after{bottom: 0;} +.wp-li a{display: block; color: #333;} +.wp-li .c-list-item .company-logo{width: .7rem; height: .7rem; float: left;} +.wp-li .c-list-item{position: relative;} +.wp-li .c-list-item:last-child .text-message:before{content: ''; display: inline-block; width: 100%; height: 1px; background-color: #e5e5e5; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); position: absolute; right: 0; top: -.05rem;} +.wp-li .c-list-item .name{position: relative; max-width: 70%;} +.wp-li .c-list-item .name-text{font-size: .15rem; font-weight: bold; color: #333; white-space: nowrap; line-height: .22rem; overflow: hidden; text-overflow: ellipsis;} +.shop-popularity{padding: .03rem 0; line-height: 1;} +.wp-li .c-list-item .info-star{margin-top: 0; line-height: normal; font-size: 0; display: inline-block; vertical-align: top;} +.wp-li .c-list-item .info-star .star{width: .1rem; height: .1rem; margin: 0 .01rem;} +.wp-li .c-list-item .info-star .star:last-child{margin-right: 0;} +.wp-li .c-list-item .info-star.four-five .star:last-child::after{width: .05rem;} +.wp-li .c-list-item .text-message{min-height: .7rem; margin-left: .8rem; font-size: 0; position: relative; overflow: hidden;} +.wp-li .c-list-item .remark-num{display: inline-block; font-size: .11rem; color: #333; margin-left: .05rem; vertical-align: top;} +.wp-li .c-list-item .c-keyword{max-width: 75%; margin-top: .08rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: .12rem;} +.wp-li .c-list-item .c-keyword span{color: #999; font-size: .11rem; margin-right: .05rem;} +.wp-li .c-list-item .c-keyword span:last-child{margin-right: 0;} +.wp-li .tips-box{position: absolute; right: 0; bottom: .03rem; text-align: right; line-height: 1;} +.wp-li .tips-box .tips-iden, .wp-li .act-message .tips-iden{display: inline-block; color: #fff; width: .15rem; height: .15rem; line-height: .15rem; margin-left: .04rem; text-align: center; font-size: .1rem; font-family: sans-serif; vertical-align: top;} +.wp-li .green{background-color: #77bc45;} +.wp-li .orange{background-color: #ff6500;} +.wp-li .red{background-color: #dd0000;} +.wp-li .pink{background-color: #fb5da1;} +.wp-li .magenta{background-color: #a260d1;} +.wp-li .skyblue{background-color: #4da3d4;} +.wp-li .lightgreen{background-color: #40babb;} +.wp-li .blue{background-color: #846ff0;} +.wp-li .yellow{background-color: #f3b71b;} +.wp-li .recommend{background-color: #ffe2e2; color: #ff3338;} +.wp-li .bjl-details{position: absolute; right: 0; top: 0; font-size: .12rem; text-align: right;} +.bjl-details .wom-num{display: block; padding-left: .15rem; background: url(//mued3.jia.com/image/mobile/activity/wp-kb-icon.png) left .02rem no-repeat; background-size: .1rem;} +.bjl-details .wom-num strong{margin-left: .02rem; font-weight: bold;} +.bjl-details .num-change{padding-left: .18rem; position: relative;} +.bjl-details .num-change.up{color: #e40505;} +.bjl-details .num-change:before{content: ''; display: inline-block; width: .15rem; height: .1rem; background: url(//mued3.jia.com/image/mobile/activity/wp-ud-icon.png) no-repeat; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} +.bjl-details .num-change.down{color: #1dd114;} +.bjl-details .num-change.down:before{background-position: 0 100%;} +.info-star{margin-top: 0.12rem; line-height: 1;} +.info-star .star{display: inline-block; width: 0.13rem; height: 0.12rem; margin-right: 0.05rem; background: url("//fastued3.jia.com/image/mobile/wxStore/star-none.png") 0 0 no-repeat; background-size: 100% 100%;} +.info-star .star:last-of-type{margin-right: 0;} +.info-star.one .star:first-of-type{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} +.info-star.two .star:nth-of-type(-n+2){background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} +.info-star.three .star:nth-of-type(-n+3){background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} +.info-star.four .star, .info-star.four-five .star{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} +.info-star.four .star:last-child, .info-star.four-five .star:last-child{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-none.png"); background-size: 100% 100%;} +.info-star.five .star{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} +.info-star.four-five .star:last-child{position: relative;} +.info-star.four-five .star:last-child::after{content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 200%;} +.wp-li .act-message{padding-top: .06rem; margin-left: .8rem; border-top: 1px solid #eee;} +.wp-li .act-message .tips{padding: .04rem 0; line-height: .15rem; font-size: .13rem; color: #666;} +.wp-li .act-message .tips-iden{margin-left: 0; margin-right: .05rem;} +.more-shop-list{position: relative; margin-top: .16rem; padding: .2rem 0; background: #fff;} +.more-shop-list::before, .more-shop-list::after{content: ''; position: absolute; left: -.12rem; right: -.12rem; height: .05rem; background: #f5f5f5;} +.more-shop-list::before{top: 0;} +.more-shop-list::after{bottom: 0;} +.more-shop-list .shop-list-a{position: relative;} +.more-shop-list p{margin: 0;} +.more-shop-list .shop-list-a{display: block;} +.more-shop-list .shop-img{position: relative; float: left; width: .85rem; height: .85rem; margin-right: .1rem; border: 1px solid #f0f0f0;} +.more-shop-list .noneItem .shop-img::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(//fastued3.jia.com/image/mobile/wxStore/none-item.png) 0 0 no-repeat; background-size: 100%;} +.more-shop-list .shop-img .shop-ac-tips{position: absolute; left: .06rem; top: 0; font-size: .09rem; color: #fff; padding: .04rem .03rem; border-radius: 0 0 4px 4px;} +.more-shop-list .shop-img .shop-ac-tips.pink{background-color: #f92868;} +.more-shop-list .shop-img .shop-ac-tips.orange{background-color: #f67b03;} +.more-shop-list .shop-img img{height: 100% !important;} +.more-shop-list .shop-text-details{position: relative; height: .85rem; overflow: hidden;} +.more-shop-list .shop-text-details .shop-name-txt{height: .38rem; font-size: .15rem; font-weight: bold; color: #333; line-height: .19rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;} +.more-shop-list .shop-text-details .shop-all-list{color: #8d8d8d; font-size: .11rem; line-height: .19rem;} +.more-shop-list .shop-text-details .bottom-text{position: absolute; bottom: .02rem; left: 0; font-size: .11rem; color: #8d8d8d; line-height: 1;} +.more-shop-list .shop-text-details .bottom-text span:not(:first-child){margin-left: .08rem;} +.more-shop-list .shop-text-details .price-box{position: absolute; bottom: .2rem; left: 0; font-size: .15rem; color: #f30; font-weight: bold; line-height: 1;} +.more-shop-list .shop-text-details .price-box .price{margin: 0 .02rem; font-size: .19rem; font-weight: bold;} +.more-shop-list .shop-text-details .price-box .unit{font-size: .11rem; color: #999;} +.more-shop-list .shop-text-details .time-hour, .more-shop-list .shop-text-details .time-minute, .more-shop-list .shop-text-details .time-day, .more-shop-list .shop-text-details .time-second{color: #dd0000; font-size: .12rem; padding: 0 .02rem;} +.more-shop-list .shop-text-details .blue-text{color: #1569f5; padding: 0 .02rem;} +.more-shop-list .shop-text-details .rob-button{font-size: .18rem; color: #fff; background-color: #f30; position: absolute; right: 0; bottom: 0; display: inline-block; width: .3rem; height: .3rem; line-height: .3rem; text-align: center; border-radius: 4px;} +.more-shop-list .noneItem .rob-button{background: #ccc;} +.zx-section{margin-top: .1rem; padding: .14rem; background: #fff;} +.article-box{background-color: #fff; margin-top: .1rem; padding: 0 .12rem;} +.article-title{height: .45rem; line-height: .45rem; font-weight: bold; font-size: .16rem; color: #333;} +/*相关视频*/ +.user-mess .user-detail{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} +.user-detail .img-box{width: .325rem; height: .325rem; position: relative; margin-right: .08rem;} +.user-detail .img-box img{border-radius: 50%;} +.user-detail .img-box .vip{width: .13rem; height: .13rem; position: absolute; bottom: 0; right: 0;} +.vip{display: inline-block; background: url(//mued3.jia.com/image/mobile/toutiao/vip.png) no-repeat; background-size: 100%;} +.user-detail .message{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;} +.user-detail .message .name{font-size: .14rem; color: #333;} +.user-detail .message .txt{font-size: .11rem; color: #999; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;} +.user-detail .message .txt span{margin-right: .1rem;} +.user-detail .tools{font-size: .12rem; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} +.user-detail .tools i{display: inline-block; width: .18rem; height: .14rem; background: url(//mued3.jia.com/image/mobile/toutiao/liulan.png) no-repeat; background-size: 100% 100%; margin-right: .075rem;} +.ella-koon{padding-bottom: .15rem;} +.ella-koon li{padding: .16rem 0; border-bottom: 1px solid #f4f3f3;} +.ella-koon li:last-child{border-bottom: none;} +.ella-koon li .content-box{display: -webkit-box; display: -ms-flexbox; display: flex;} +.ella-koon li .desc{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} +.ella-koon li .title{font-size: .16rem; color: #333; line-height: .24rem; height: .48rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;} +.ella-koon li .video{position: relative; width: 1.14rem; height: .77rem; overflow: hidden; margin-left: .18rem;} +.ella-koon li .video .time{font-size: .1rem; color: #fff; background-color: rgba(0, 0, 0, .5); position: absolute; right: .07rem; bottom: .06rem; padding: .02rem .08rem; border-radius: .18rem;} +.ella-koon li .vip{width: .12rem; height: .12rem; margin-left: .05rem; -webkit-transform: translateY(8%); -ms-transform: translateY(8%); transform: translateY(8%);} +.ella-koon li .user-detail .img-box{width: .21rem; height: .21rem; margin-right: .07rem;} +.ella-koon li .user-detail .tools{font-size: .11rem;} +.ella-koon li .user-detail .tools i{margin-right: .04rem; width: .16rem; height: .12rem;} +.more-area{text-align: center;} +.more-area a{display: inline-block; color: #666;} +.more-area .desc{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .13rem; color: #666; border: 1px solid #e0e0e0; height: .3rem; border-radius: .3rem; padding: 0 .1rem;} +.arrows{display: inline-block; border-style: solid; border-color: #666 transparent transparent #666; border-width: 1px 0 0 1px; width: .06rem; height: .06rem; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} +.ella-koon .more-area{margin-top: .09rem;} +/*相关阅读*/ +.related-reading{padding: 0;} +.related-reading mip-img{position: absolute; top: 0; left: 0; height: 100%; width: 100%;} +.related-reading .article-title{padding-left: .12rem;} +.related-reading a, .related-reading .gg_single, .related-reading .gg_double{position: relative; display: block; padding: 0 .12rem; overflow: hidden; border-bottom: 1px solid #ecebeb} +.gg_double .list_subtit, .gg_single .list_subtit, .related-reading .list_tit .list_subtit, .related-reading .list_tit a{display: -webkit-box; font-size: .16rem; color: #333; height: .48rem; line-height: .24rem; margin: .12rem 0 .06rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical} +.related-reading .list_style2 .list_tit .list_subtit{height: auto;} +.gg_double:visited .list_tit .list_subtit, .gg_single:visited .list_tit .list_subtit, .related-reading .list_style:visited .list_tit .list_subtit{color: #999} +.gg_double .imglist, .gg_single .imglist, .related-reading .imglist{margin-bottom: .1rem} +.gg_double .imglist li, .gg_single .imglist li, .related-reading .imglist li{float: left; display: inline-block; width: 100%} +.gg_double .imglist li .imglist-a, .gg_single .imglist li .imglist-a, .related-reading .imglist li .imglist-a, .related-reading .imglist li a{display: block; position: relative; padding-top: 36%; width: 100%; overflow: hidden; background: #F6F5F3 url(//mued3.jia.com/image/mobile/m_sygb/hl_loading.png) no-repeat center; background-size: .42rem auto;} +.related-reading .imglist li .imglist-a.toutiao_submit, .related-reading .imglist li a.toutiao_submit{background: #d00} +.gg_double .imglist li .imglist-a img, .gg_single .imglist li .imglist-a img, .related-reading .imglist li .imglist-a img, .related-reading .imglist li a img{position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%)} +.bottom_info{position: relative; display: block; width: 100%; height: .136rem; line-height: .136rem; font-size: .12rem; color: #999; margin-bottom: .12rem} +.bottom_info .left_if span, .bottom_info .tip_info span{float: left; display: inline-block; margin-right: .08rem} +.bottom_info .tip_info .dot_icon{width: .05rem; height: .05rem; background: #dfdfdf; margin-top: .04rem; border-radius: 50%} +.bottom_info .num_if{float: left; display: inline-block; position: relative} +.bottom_info .tip, .pretty-info .tip, .tag_list_wz .tip{display: inline-block; text-align: center; vertical-align: top; font-size: .1rem; height: .09rem; line-height: .1rem; border-radius: .03rem; -webkit-border-radius: .03rem; margin-right: .06rem; padding: .02rem; color: #fff} +.bottom_info .tip.pink, .pretty-info .tip.pink, .tag_list_wz .tip.pink{background: #ee2d1b} +.bottom_info .tip.blue, .pretty-info .tip.blue, .tag_list_wz .tip.blue{background: #49b8d7} +.bottom_info .tip.gray, .pretty-info .tip.gray, .tag_list_wz .tip.gray{background: #ccc} +.bottom_info .tip.green, .pretty-info .tip.green, .tag_list_wz .tip.green{background: #48ae6c} +.bottom_info .tip.shipin, .pretty-info .tip.shipin, .tag_list_wz .tip.shipin{background: #557af2} +.bottom_info .tip.yellow{background: #c8c037} +.gg_double .imglist li, .related-reading .list_style2 .imglist li{margin-right: 1%; width: 32.66%; box-sizing: border-box; -webkit-box-sizing: border-box} +.gg_single .list_style3_left, .related-reading .list_style3 .list_style3_left{float: left; display: inline-block; width: 63%; margin-right: 4%} +.gg_single .imglist, .related-reading .list_style3 .imglist{float: left; display: inline-block; width: 33%; margin-top: .108rem} +.related-reading .list_style5 .imglist li{margin-right: 1%; width: 49.5%; box-sizing: border-box; -webkit-box-sizing: border-box} +.gg_double .imglist li .imglist-a, .gg_single .imglist li .imglist-a, .related-reading .list_style2 .imglist li .imglist-a, .related-reading .list_style2 .imglist li a, .related-reading .list_style3 .imglist li .imglist-a, .related-reading .list_style3 .imglist li a{padding-top: 62%} +.related-reading .list_style5 .imglist li .imglist-a, .related-reading .list_style5 .imglist li a{padding-top: 68%} +.gg_double .imglist li:last-child, .related-reading .list_style2 .imglist li:last-child, .related-reading .list_style5 .imglist li:last-child{margin-right: 0} +.related-reading .list_style3 .bottom_info, .related-reading .gg_single .bottom_info{position: absolute; bottom: .1rem; left: .12rem; margin-bottom: 0;} +/*相关美图*/ +.beauty-img{padding-bottom: .21rem;} +.beauty-img ul:before, .beauty-img ul:after{display: table; content: '';} +.beauty-img ul:after{clear: both;} +.beauty-img ul{*zoom: 1;} +.beauty-img ul li{float: left; width: 49%; margin-right: 2%; margin-top: .09rem;} +.beauty-img ul li:nth-child(2n+2){margin-right: 0;} +.beauty-img .img-box{position: relative} +.beauty-img .img-box span{position: absolute; right: .05rem; bottom: .06rem; display: inline-block; font-size: .1rem; color: #fff; background-color: rgba(0, 0, 0, .5); padding: .02rem .075rem; border-radius: .18rem} +.beauty-img ul li .name{font-size: .15rem; color: #333; height: .38rem; line-height: .38rem; padding: 0 .07rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; border: 1px solid #eaeaea; -webkit-box-shadow: 0 2px 8.91px 0.09px rgba(0, 0, 0, .05); box-shadow: 0 2px 8.91px 0.09px rgba(0, 0, 0, .05); -webkit-box-sizing: border-box; box-sizing: border-box;} +.beauty-img .more-area{margin-top: .24rem;} +.tags-content{padding-bottom: .15rem;} +/*tags*/ +.tags-content{padding-bottom: .15rem;} +.tags-detail:before, .tags-detail:after{display: table; content: '';} +.tags-detail:after{clear: both;} +.tags-detail{*zoom: 1;} +.tags-detail li{float: left; margin: .15rem .15rem 0 0; font-size: .13rem; padding: .03rem .1rem; background-color: #f5f5f5; border-radius: .23rem;} +.tags-detail li a{color: #666;} +.showmore-btn-box{text-align: center;} +.mip-showmore-btn, .mip-showmore-btn:active, .mip-showmore-btn:hover{padding: 0; background: transparent; border: 0 none;} +.mip-showmore-btn .hidden{display: none;} +.mip-showmore-btn .show{display: block; padding-right: .14rem; position: relative;} +.mip-showmore-btn .show:after{content: ''; position: absolute; width: .06rem; height: .06rem; border-top: .015rem solid #0065a8; border-right: .015rem solid #0065a8; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); right: 0; top: .05rem; margin-left: -.04rem} +.mip-showmore-open, .mip-showmore-btn{font-size: .13rem; color: #0065a8; margin: .12rem 0;} +.mip-showmore-open .hidden{display: block;} +.mip-showmore-open .show{display: none;} +.wx-banner{position: relative; padding: .14rem; background: #fff;} +.wx-banner .mip-layout-size-defined .mip-fill-content{bottom: auto;} +.wx-banner img.mip-fill-content{height: auto;} +.wx-banner .mip-carousel-indicator-wrapper{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 27%;} +.wx-banner .info-box{position: absolute; bottom: 0; top: 77.586%; left: 0; right: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: .07rem .12rem; align-items: center; border: 1px solid #e0e0e0; border-top: 0 none;} +.wx-banner .info-box .info{-webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} +.wx-banner .info-box .title{display: block; font-size: .12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} +.wx-banner .info-box .tit{display: block; font-size: .1rem; color: #999;} +.wx-banner .info-box .btn{display: block; font-size: .12rem; flex-shrink: 0; width: .72rem; line-height: .24rem; text-align: center; color: #ee2d1b; font-weight: bold; border: 1px solid #ee2d1b; border-radius: .05rem;} +.wx-banner .mip-carousel-indicatorDot .mip-carousel-indecator-item{background: hsla(0, 0%, 100%, .4);} +.wx-banner .mip-carousel-indicatorDot .mip-carousel-activeitem{background: #fff} +.mip-zhd{margin: .16rem 0 .2rem; border: 1px solid #ddd;} +.mip-zhd a{display: block; color: #333;} +.mip-zhd .info-box{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: .1rem;} +.mip-zhd .info-box .info{-webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: .1rem; overflow: hidden;} +.mip-zhd .info-box .tit{font-weight: bold; font-size: .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} +.mip-zhd .info-box .info-b{font-size: .13rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} +.mip-zhd .info-box .btn{-webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center;} +.mip-zhd .info-box .btn span{padding: .02rem .06rem; line-height: .2rem; font-size: .12rem; color: #ee2d1b; border: 1px solid #ee2d1b; border-radius: .03rem;} +.list-dl{padding: .16rem 0; border-bottom: 1px solid #d6d6d6;} +.list-dl:last-of-type{border-bottom: 0 none;} +.list-dl a{display: block;} +.list-dl dt{position: relative; width: 1.12rem; height: .76rem; margin-right: .1rem; overflow: hidden;} +.list-dl dt mip-img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} +.list-dl dd, .list-dl.style1 dd, .list-Section .list-dl dd{height: .76rem; overflow: hidden;} +.list-dl.style1 dd .title{height: .54rem; line-height: .27rem; font-size: .18rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} +.list-dl dd .info{margin-top: .1rem; line-height: 1; font-size: .11rem; color: #9f9f9f;} +.list-dl dd .name, .alone-section .name{margin-right: .08rem;} +.list-dl.style2 dd .title{font-size: .18rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} +.tt-crumbs{padding: .12rem .12rem .12rem .08rem; font-size: .13rem; color: #ccc; border-top: 1px solid #ecebeb} +.tt-crumbs .crumbs-title{margin: 0 .05rem} +.tt-crumbs .crumbs-title a{color: #ccc} +/*相关问题*/ +.aside-question{margin-top: .1rem; background: #fff;} +.aside-question .title{padding: .1rem .15rem .05rem; font-size: .16rem; font-weight: bold;} +.aside-question dl{padding: .1rem .12rem; border-bottom: 1px solid #ecebeb;} +.aside-question dl a{position: relative; display: block; height: .22rem; line-height: .22rem;} +.aside-question dt{position: absolute; left: 0; top: 0; right: .6rem; font-size: .16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} +.aside-question dd{position: absolute; right: 0; top: 0; font-size: .12rem; color: #999;} +.aside-question dd span{margin-right: .06rem; color: #f30;} +.find-answer{padding: .23rem .12rem .12rem;} +.find-answer .form-box{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0;} +.find-answer :-moz-placeholder{color: #c8c8c8;} +.find-answer ::-webkit-input-placeholder{color: #c8c8c8;} +.find-answer .form-box .input-box{-webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; height: .35rem; padding: .07rem; border: 1px solid #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: .04rem;} +.find-answer .form-box .input-txt{display: block; width: 100%; height: .2rem; line-height: .2rem; padding: 0; border: 0 none; font-size: .13rem;} +.find-answer .form-box .btn-box{position: relative; width: .9rem; height: .35rem; line-height: .35rem; margin-left: .12rem; padding: 0; font-size: .13rem; color: #fff; text-align: center; background: #ee2d1b; border-radius: .04rem;} +.find-answer .form-box .input-submit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;} +.find-answer .num-box{margin-top: .12rem; text-align: center; font-size: .12rem; color: #bbb;} +.find-answer .num-box .num{margin: 0 .03rem; color: #f30;} +.find-answer mip-form div{display: block;} +.find-answer mip-form .mip-form-target{display: none;} +@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 414px){html{font-size: 680%;}} +#MIP-LLIGTBOX-MASK{background: rgba(0, 0, 0, .4);} +.img_gongji{display: none;} +/*底通*/ +/* .footerzxbj-wrap{height: .5rem;} +.footerzxbj-box .ask-zxbj-banner{height: .5rem; position: relative;} +.footerzxbj-box .op-bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .6;} +.footerzxbj-box .bom-counter-screen{width: .88rem; background: #d2d1cc; padding: .05rem .04rem; position: absolute; bottom: .05rem; left: .1rem; z-index: 2; border-radius: .03rem;} +.footerzxbj-box .bom-screen-nexine{height: .16rem; padding: .05rem .03rem; border: 2px solid #333;} +.footerzxbj-box .bom-screen-nexine span{float: right; display: block; width: .1rem; height: .16rem; background: url(//mued3.jia.com/image/mobile/toutiao/number.png) no-repeat 0 0 / auto .16rem;} +.footerzxbj-box .bom-screen-nexine em{float: right; font-size: .106rem; margin-left: .02rem;} +.footerzxbj-box .zxbj-text{width: 50%; position: absolute; z-index: 2; left: 44%; top: 0;} +.footerzxbj-box .zxbj-text.text-dif{left: 35%;} +.footerzxbj-box .zxbj-text .tit{color: #fff600; font-size: .16rem; line-height: .23rem; margin-top: .04rem;} +.footerzxbj-box .zxbj-text p.des{color: #fff; font-size: .12rem;} +.footerzxbj-box .zxbj-text p.des em{color: #ff8400;} +.footerzxbj-box .calculate-btn{display: block; width: .65rem; height: .25rem; line-height: .25rem; font-size: .106rem; color: #fff; text-align: center; border-radius: .03rem; background: #ffa11a; position: absolute; top: .13rem; right: .1rem;} +.footerzxbj-box .T-screen-nexine span.num{display: none;} +.footerzxbj-box .T-screen-nexine span.num0{background-position: 1% 0;} +.footerzxbj-box .T-screen-nexine span.num1{background-position: 11% 0;} +.footerzxbj-box .T-screen-nexine span.num2{background-position: 23% 0;} +.footerzxbj-box .T-screen-nexine span.num3{background-position: 33% 0;} +.footerzxbj-box .T-screen-nexine span.num4{background-position: 45% 0;} +.footerzxbj-box .T-screen-nexine span.num5{background-position: 56% 0;} +.footerzxbj-box .T-screen-nexine span.num6{background-position: 67% 0;} +.footerzxbj-box .T-screen-nexine span.num7{background-position: 78% 0;} +.footerzxbj-box .T-screen-nexine span.num8{background-position: 89% 0;} +.footerzxbj-box .T-screen-nexine span.num9{background-position: 100% 0;} */ +mip-jia-footerzxbj .ask-zxbj-box .apply-input{position: relative;} +/*红包*/ +.fixed-hb{display:none;top: 50%; right: .12rem !important; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;} +.fixed-hb .hb-box{display: block; width: .4rem; height: .5rem; background: url("//mued3.jia.com/image/mobile/toutiao/hb_1000.png") no-repeat; background-size: 100%;} +.fixed-hb{right: 0 !important;} +.fixed-hb .hb-box{width: 1.1rem; height: .99rem; background: url("//mued3.jia.com/image/mobile/toutiao/hb_shake.gif") no-repeat; background-size: 100%;} +mip-jia-redpacketplus .popmask{z-index: 100001; background: rgba(0, 0, 0, 0.4);} +mip-jia-redpacketplus .hb-popup{z-index: 100005;} +.popup-maskEdit{z-index: 100008;} +/* 隐藏红包 by PC-2271 */ +/*.footerzxbj-box .hb-wrap, .fixed-hb, mip-jia-footertlplus .fixed-footer .fixed-footer-box .hb-wrap{display: none !important;}*/ +/*弹窗*/ +#sj-lightbox, #zx-lightbox{display: none; height: 100%;} +.lightbox{position: absolute; left: 5%; top: 50%; width: 90%; padding: 0 .2rem .12rem .2rem; background: #fff; border-radius: .05rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} +.lightbox:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: .9rem; background: url(//mued3.jia.com/image/mobile/toutiao/zxbm-bg.jpg) no-repeat; background-size: 100%; border-radius: .05rem .05rem 0 0;} +.lightbox .close{position: absolute; right: -.2rem; top: -0.5rem; width: .35rem; height: .35rem; background: url(//mued3.jia.com/image/mobile/double12/close.png) 0 0 no-repeat; background-size: 100%; z-index: 2;} +.lightbox .title{font-size: .1244rem; text-align: center; line-height: .18rem; padding-top: .05rem; color: #3aa0e4; z-index: 2; position: relative;} +#sj-lightbox .lightbox .title{font-size: .144rem; line-height: .26rem; text-align: center; padding-top: .14rem; color: #d00;} +#sj-lightbox .lightbox:before{display: none;} +.lightbox .big-title{font-size: .175rem; font-weight: bold; text-align: center; padding-top: .12rem; color: #3aa0e4; z-index: 2; position: relative; background-image: -webkit-linear-gradient(left, #219df3, #219df3 25%, #219df3 40%, #3bc5e8 55%, #3bc5e8 70%, #3bc5e8); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} +.lightbox .input-box{display: block; position: relative; padding: .08rem .1rem; line-height: .2rem; background: #f2f2f2; margin-bottom: .1rem; border-radius: .05rem;} +.lightbox .input-box:last-of-type{margin-bottom: .13rem;} +.lightbox .input-box:first-of-type{margin-top: .14rem;} +.lightbox .form-input, .lightbox .common-select{font-size: .1244rem; display: block; width: 100%; height: .2rem; line-height: .2rem; padding: 0; background: #f2f2f2; border-radius: .05rem; border: none;} +.lightbox .arrow, .lightbox .square-icon{position: absolute; right: .1rem; top: .08rem; font-size: .1245rem; color: #333;} +.lightbox .yusuan-box{display: block; width: 100%; margin-bottom: .1rem; padding: 0;} +.lightbox .yusuan-box .input-box{width: 31.6%; float: left; box-sizing: border-box; margin: 0 2.6% 0 0;} +.lightbox .yusuan-box .input-box:last-of-type{margin-right: 0;} +.lightbox .arrow{top: .12rem; right: .12rem; width: .07rem; height: .07rem; border-left: .01rem solid #666; border-bottom: .01rem solid #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);} +.lightbox .headline-btn{display: block; width: 100%; font-size: .136rem; padding: .08rem 0; text-align: center; line-height: .2rem; background: #ee2d1b; color: #fff; margin-bottom: .1rem; border-radius: .05rem;} +.lightbox .surplus-num{font-size: .1126rem; text-align: center; color: #333;} +.lightbox .surplus-num label{display: inline-block; color: #ee2d1b;} +/* 文章优惠券领取 */ +.coupons-form{display: -webkit-flex; display: flex; margin-top: .16rem; padding: .1rem; background: #d0291d;} +.coupons-form .input-box{padding: .1rem; border-radius: .04rem; background: #fff; -webkit-flex: 1; flex: 1;} +.coupons-form .form-input{height: .2rem; line-height: .2rem; padding: 0; font-size: .14rem; border: 0 none; background: transparent;} +.coupons-form .btn-box{width: .8rem; padding: .1rem 0; margin-left: .1rem; -webkit-flex-shrink: 0; flex-shrink: 0; background: -webkit-linear-gradient(left, #fef374, #f9a83a); background: linear-gradient(to right, #fef374, #f9a83a); border-radius: .04rem;} +.coupons-form .coupons-btn{display: block; font-size: .14rem; color: #920a01; text-align: center; line-height: .2rem; cursor: pointer;} +.coupons-form div{display: block; padding: 0; color: #333; font-size: .14rem; text-align: left;} +/* 底部客服 */ +.xiaoneng-swiper .swiper-slide{float: left; width: 2.4rem; height: .66rem;} +.xiaoneng-swiper .swiper-wrap{padding: .06rem 0;} +.xiaoneng-swiper mip-jia-swiper{height: .66rem; background: #efefef; overflow: hidden;} +.xiaoneng-swiper .xiaoneng-a{display: block; height: 100%; padding: .06rem .08rem; margin-right: .06rem; border: 1px solid #dedede; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} +.xiaoneng-swiper .xiaoneng-a .left{float: left; width: .54rem; height: .54rem; margin-right: .08rem; border-radius: 100%; background: url(//mued3.jia.com/image/mobile/userDefault.png) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid1.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon1.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid2.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon2.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid3.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon3.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid4.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon4.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid5.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon5.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid6.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon6.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid7.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon7.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-settingid8.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon8.jpg) 0 0 no-repeat; background-size: 100%;} +.xiaoneng-swiper .xiaoneng-a .right{overflow: hidden;} +.xiaoneng-swiper .xiaoneng-a .title{padding: .02rem 0; font-size: .12rem; line-height: .15rem;} +.xiaoneng-swiper .xiaoneng-a .em{display: inline-block; padding: 0 .08rem; margin-right: .05rem; font-size: .095rem; color: #fff; background: #d00; border-radius: .15rem;} +.xiaoneng-swiper .xiaoneng-a .info{max-height: .28rem; margin-top: .04rem; font-size: .09rem; color: #666; line-height: .14rem; overflow: hidden;} +.xiaoneng-swiper .xiaoneng-settingid2.xiaoneng-a .left, .xiaoneng-swiper .xiaoneng-settingid4.xiaoneng-a .left{background-image: url(//mued3.jia.com/image/mobile/userDefault.png);} +.zj-recommend{position: relative; margin-bottom: .1rem; padding: .08rem; margin: .15rem .01rem; height: .85rem; background: #fff; box-shadow: 0px 2px .14rem 0px rgba(0, 0, 0, 0.08); border-radius: .1rem; box-sizing: border-box;} +.zj-recommend .recommend-img{float: left; width: .54rem; height: .54rem; border-radius: .05rem; border: 1px solid #ededed; margin-right: .05rem;} +.zj-recommend .recommend-info{overflow: hidden;} +.zj-recommend .recommend-info .title{font-size: .128rem; color: #000028; line-height: 1.5;} +.zj-recommend .recommend-info .wx-txt{font-size: .095rem; color: #999; margin-bottom: 0; margin-top: 0; line-height: 1.5;} +.zj-recommend .recommend-info label{color: #dd0000;} +.zj-recommend .recommend-info .info{font-size: .095rem; margin-bottom: 0; margin-top: 0; line-height: 1.5;} +.zj-recommend .circle-symbol{display: inline-block; background-color: #daeef9; color: #32aee8; font-size: .06rem; border-bottom-left-radius: .05rem; border-top-right-radius: .05rem; margin-left: .05rem; height: .12rem; line-height: .12rem; padding: 0 .04rem; vertical-align: top; margin-top: .04rem;} +.zj-recommend .level-icon{display: inline-block; margin-left: .05rem; width: .29rem; height: .12rem; background: url(//mued3.jia.com/image/mobile/toutiao/v5_logo.png) no-repeat; background-size: 100%; vertical-align: top; margin-top: .04rem;} +.gzh{color: red; font-weight: bold;} +/*下载app*/ +.article-downApp{display: block; width: 100%; margin-top: .16rem; border: 1px solid #dfdfdf; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 9px;} +.article-downApp .downApp-cont{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.12rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.65rem;} +.article-downApp .downApp-cont .logo{width: 0.37rem; height: 0.37rem; border-radius: 50%; border: 1px solid #efefef; overflow: hidden; margin-right: 0.09rem; padding: 0.02rem;} +.article-downApp .downApp-cont .text{font-size: 0.128rem; color: #333; line-height: 1.2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} +.article-downApp .downApp-cont #downApp-btn{width: 0.83rem; border-radius: 0.29rem; display: block; font-size: 0.128rem; color: #fff; line-height: 0.29rem; text-align: center; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 45, 27)), to(rgb(255, 102, 51))); background: -webkit-linear-gradient(top, rgb(238, 45, 27) 0%, rgb(255, 102, 51) 100%); background: -o-linear-gradient(top, rgb(238, 45, 27) 0%, rgb(255, 102, 51) 100%); background: linear-gradient(-180deg, rgb(238, 45, 27) 0%, rgb(255, 102, 51) 100%); -webkit-box-shadow: 0px 9px 26px 0px rgba(238, 45, 27, 0.3); box-shadow: 0px 9px 26px 0px rgba(238, 45, 27, 0.3); position: relative; margin-left: 0.38rem;} +/*神马样式优化*/ +mip-jia-footerzxbj .toutiao-ask-zxbj{z-index: 10002 !important;} +/*建材加盟底通*/ +.footerjcjm-wrap{height: 0.47rem;} +#jm-lightbox, #success-lightbox{display: none; height: 100%;} +#success-lightbox.cur{display: block;} +.area-layer{z-index: 10002 !important;} +.jcjm-footer{height: 0.47rem; background-color: #fff; z-index: 29; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 2px 2px 26px rgba(11, 23, 58, .1); box-shadow: 2px 2px 26px rgba(11, 23, 58, .1); padding: 0 0.12rem; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} +.jcjm-footer .jcjm-zl{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0.42rem 0 0.3rem;} +.jcjm-footer .icon{display: block; width: 0.13rem; height: 0.16rem; background: url("//mued3.jia.com/image/mobile/toutiao/material-icon.png") no-repeat; background-size: 100%; margin: 0 auto;} +.jcjm-footer .txt{font-size: 0.095rem; text-align: center; margin-top: 0.05rem;} +.jcjm-footer .jcjm-btn{display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0.33rem; line-height: 0.33rem; color: #fff; font-size: 0.13rem; font-weight: bold; text-align: center; background: -webkit-gradient(linear, left top, right top, from(rgba(241, 97, 48, 1.0)), to(rgba(238, 45, 27, 1.0))); background: -webkit-linear-gradient(left, rgba(241, 97, 48, 1.0), rgba(238, 45, 27, 1.0)); background: -o-linear-gradient(left, rgba(241, 97, 48, 1.0), rgba(238, 45, 27, 1.0)); background: linear-gradient(to right, rgba(241, 97, 48, 1.0), rgba(238, 45, 27, 1.0)); border-radius: 0.33rem;} +/*建材加盟弹窗*/ +.jcjm-pop-box{position: absolute; left: 10%; top: 50%; width: 80%; padding: 0.27rem 0.17rem; background: #fff; border-radius: .05rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} +.jcjm-pop-box .close{display: block; position: absolute; top: -0.2rem; right: -0.1rem; width: .17rem; height: .17rem; background: url(//mued3.jia.com/image/mobile/zhuangxiu/company-popClose.png) center center no-repeat; background-size: 0.1rem; z-index: 3;} +.jcjm-pop-box .jm-title{font-size: 0.145rem; font-weight: bold; text-align: center; line-height: 1;} +.jcjm-pop-box .jm-txt{font-size: 0.11rem; margin-top: 0.12rem; text-align: center; line-height: 1;} +.jcjm-pop-box .jm-input-box{border-bottom: 1px solid #e0e0e0; padding: 0.19rem 0 0.05rem 0; display: -webkit-box; display: -ms-flexbox; display: flex;} +.jcjm-pop-box .jm-input-box .icon{width: 0.15rem; height: 0.15rem; background: url("//mued3.jia.com/image/mobile/toutiao/jcjm-bm-icon.png") no-repeat; background-size: 100%; margin: 0.02rem 0.06rem 0 0;} +.jcjm-pop-box .jm-input-box .icon.icon2{background-position: 0 43%;} +.jcjm-pop-box .jm-input-box .icon.icon3{background-position: 0 86%;} +.jcjm-pop-box .jm-input-box .input{height: 0.2rem; line-height: 0.2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.12rem; padding: 0; border: 0;} +.jcjm-pop-box .jmbm-btn{display: block; margin: 0.3rem 0.25rem 0 0.25rem; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 93, 50, 1.0)), to(rgba(254, 43, 43, 1.0))); background: -webkit-linear-gradient(left, rgba(255, 93, 50, 1.0), rgba(254, 43, 43, 1.0)); background: -o-linear-gradient(left, rgba(255, 93, 50, 1.0), rgba(254, 43, 43, 1.0)); background: linear-gradient(to right, rgba(255, 93, 50, 1.0), rgba(254, 43, 43, 1.0)); height: 0.41rem; line-height: 0.41rem; border-radius: 0.41rem; text-align: center; font-size: 0.13rem; color: #fff; -webkit-box-shadow: 0 4px 13px rgba(238, 45, 27, .35); box-shadow: 0 4px 13px rgba(238, 45, 27, .35);} +.reply-suc{width: 80%; background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; padding: 0.34rem 0; z-index: 98; border-radius: 0.08rem; box-sizing: border-box;} +.reply-suc .close{position: absolute; right: 0.12rem; top: 0.08rem; z-index: 9; width: 0.16rem; height: 0.16rem; background: url(//mued3.jia.com/image/mobile/zhuangxiu/company-popClose.png) center center no-repeat; background-size: .12rem;} +.reply-suc .icon{display: block; width: 0.4rem; height: 0.4rem; margin: 0 auto; background: url(//mued3.jia.com/image/mobile/activity/qyhz/suc_icon.png) 0 0 no-repeat; background-size: 100%; z-index: 10; position: relative;} +.reply-suc .title{font-size: 0.13rem; line-height: 0.2rem; margin: 0.1rem 0; padding: 0 .22rem;} +.jcjm-pop-box.jcjm .input:-moz-placeholder{color: #333;} +.jcjm-pop-box.jcjm .input::-webkit-input-placeholder{color: #333;} +/*建材加盟*/ +.reply-form-bg{background: #fff; padding: 0.18rem 0.12rem; margin-top: -0.07rem;} +.reply-form{padding: .2rem .1rem; border: 1px solid #E7E7E7; border-radius: 0.05rem; box-sizing: border-box; background: #F8F4F1;} +.reply-form h3{text-align: center; color: #000028; font-size: .18rem; margin-bottom: 0.18rem;} +.reply-form h3 span{font-weight: 700; padding: 0 .05rem; position: relative;} +.reply-form h3 span:before{display: block; content: ''; width: .14rem; height: .1rem; background: url(//mued3.jia.com/image/jcjm/bef.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: -.19rem; margin-top: -0.05rem;} +.reply-form h3 span:after{display: block; content: ''; width: .14rem; height: .1rem; background: url(//mued3.jia.com/image/jcjm/aft.png) no-repeat 0 0/100%; position: absolute; top: 50%; right: -.19rem; margin-top: -0.05rem;} +.reply-form h3 label{display:inline;font-weight: bold; color: #FF9129; margin-left: 0.06rem;} +.reply-form .input_box{padding: .06rem .12rem; margin-top: .11rem; background: #fff; border-radius: .04rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;} +.reply-form .input_box .icon{position: relative; width: 0.13rem; height: 0.13rem; background: url("//mued3.jia.com/image/mobile/toutiao/jcjm-bm-icon.png") no-repeat; background-size: 100%; margin: 0.03rem 0.1rem 0 0;} +.reply-form .input_box .icon:after{content: ''; position: absolute; top: 0; left: 0.18rem; width: 1px; height: 0.15rem; background: #ddd;} +.reply-form .input_box .icon.icon2{background-position: 0 43%;} +.reply-form .input_box input{display: block; width: 100%; height: .2rem; line-height: .2rem; font-size: .13rem; cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;padding:0;border:none;} +.reply-form .get_reply{display: block; width: 80%; height: .38rem; line-height: .38rem; margin: .2rem auto 0; text-align: center; font-size: .128rem; font-weight: bold; color: #fff; background: linear-gradient(90deg, #ff4f38, #e53817); border-radius: .2rem; box-shadow: 0px 0.04rem 0.04rem 0px #facdc7;} +.reply-form .textarea-box{display:block;width: 100%; padding: .1rem; box-sizing: border-box; background: #fff; margin-top: .1rem; border-radius: .04rem;} +.reply-form .textarea-box textarea{border:none;font-family: "Microsoft YaHei", "Helvetica", "Helvetica Neue", sans-serif; height: 0.45rem; width: 100%; background: none; font-size: .13rem; resize: none; line-height: 0.15rem;} +.reply-form .tips_txt{font-size: .1rem; text-align: center; color: #999999; margin-top: .18rem;} +mip-form div{display:block;padding:0;color:#333;} +.popup-maskedit{z-index:100009!important;} + +.cash-get-popup{display:none!important;position:fixed;z-index:9999;left:50%;top:0;width:100%;height:100%; background:rgba(0,0,0,.6);max-width:640px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);} +.cash-get-popup .pop-wrap-a{position:absolute;left:14%;top:50%;width:74%;margin-top:-1.33rem;padding-top:86%;background:url("//mued3.jia.com/image/mobile/toutiao/cash_10_bg.png");background-size:100%;border-radius:.05rem;box-sizing:border-box;} +.cash-get-popup .pop-wrap-a.hide{ display:none;} +.cash-get-popup .pop-wrap-a.show{ display:block;} +.cash-get-popup .cash-close{position:absolute;right:8%;top:50%;width:.24rem;height:.24rem;margin-top: -1.4rem;background:url("//mued3.jia.com/image/mobile/toutiao/lq-close-icon.png") 0 0 no-repeat;background-size:100%;} +.cash-get-popup.isShow{display:block;} +.cash-get-popup.isHide{display:none;} +.scale_p{ width:76%; height: .36rem; background:linear-gradient(0deg,rgba(255,201,110,1) 0%,rgba(255,238,202,1) 100%);box-shadow:0px 0px 10px 0px rgba(190,15,13,0.3);border-radius:.18rem;position: absolute;bottom: .2rem;left: 12%;font-size: .16rem;line-height: .36rem;color: #DB372B;font-weight: 700;text-align: center;-moz-animation: drawShake .8s infinite;-webkit-animation: drawShake .8s infinite;animation: drawShake .8s infinite;} +.scale_p i,.cash_get_btn i{width: .19rem; height: .19rem; background:url("//mued3.jia.com/image/mobile/toutiao/hb_icon.png") no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;margin-right: .14rem;} +.cash_get_btn i{width: .15rem; height: .17rem; background:url("//mued3.jia.com/image/mobile/toutiao/hb_icon_s.png") no-repeat;background-size: 100%;vertical-align: top;position: relative;top:.1rem;} +.get_inner{ position: absolute;left: 10%;top: 50%;width: 80%;margin-top: -1.33rem;padding-top: 89%;background: url(//mued3.jia.com/image/mobile/toutiao/get_bg.png) no-repeat;background-size: 100%;border-radius: .05rem;box-sizing: border-box;display: none;} +.get_inner.show{ display:block;} +.get_inner.hide{ display:none;} +.get_inner .inner_box{position: absolute;top:0;left: 0;padding-top:26%;width: 100%;} +.get_inner .input-box{font-size: .14rem;width:2.07rem;margin:0 auto;display: block;box-sizing: border-box;background:#fff;border-radius: .2rem;padding: .1rem .14rem;} +.get_inner .input-box .lq-mobile{ display:block; width:100%; height:.2rem; line-height:.2rem; padding:0; font-size:.13rem; border:0 none;} +.get_inner .btn-box{ position:relative; width:2.07rem;padding:.2rem 0; margin:0 auto;} +.cash_get_btn{ position:relative; display: block;width:100%;height: .36rem;line-height: .36rem;text-align: center;color: #FF6A5F;font-weight: 700;font-size: .16rem;background:rgba(255,222,222,1);box-shadow:0px 0px 10px 0px rgba(190,15,13,0.3);border-radius:.2rem;} +.cash_get_btn.cur{background:linear-gradient(0deg,rgba(255,201,110,1) 0%,rgba(255,238,202,1) 100%);box-shadow:0px 0px 10px 0px rgba(190,15,13,0.3);color: #DB372B;} +@-moz-keyframes drawShake { + 0% { + transform:scale(0.8) + } + 50% { + transform:scale(1) + } + + 100% { + transform:scale(0.8) + } +} +@-webkit-keyframes drawShake { + 0% { + transform:scale(0.8) + } + 50% { + transform:scale(1) + } + + 100% { + transform:scale(0.8) + } +} +@keyframes drawShake { + 0% { + transform:scale(0.8) + } + 50% { + transform:scale(1) + } + + 100% { + transform:scale(0.8) + } +} + +.online-service{display: block;position: fixed;cursor: pointer;z-index: 97;right: 0.2rem;bottom: 1.6rem;width: 0.65rem;height: 0.65rem;} + +/*底通*/ +.tt-crumbs + .footerzxbj-wrap-four{ height:.52rem;} +.footerzxbj-box { position: relative; z-index: 999; height: .42rem;padding: .05rem .05rem .1rem .05rem; background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex;} +.footerzxbj-box::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e0e0e0;} +.footerzxbj-box .item { text-align: center; line-height: 1; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0;} +.footerzxbj-box .item .icon { display: inline-block; margin-top: .05rem; width: .17rem; height: .19rem; background: url(//mued3.jia.com/image/mobile/toutiao/fix-icons.png) 0 0 no-repeat; background-size: 100%; vertical-align: top;} +.footerzxbj-box .item .pos1 { background-position: 0 0;} +.footerzxbj-box .item .pos2 { background-position: 0 33.33%;} +.footerzxbj-box .item .pos3 { background-position: 0 66.67%;} +.footerzxbj-box .item .pos4 { background-position: 0 100%;} +.footerzxbj-box .item .txt { margin-top: .02rem; font-size: .12rem; line-height: .16rem; color: #666;} +.footerzxbj-box .hb-wrap { position: static; display: none !important; width: .51rem; height: .41rem; background: url(//mued3.jia.com/image/mobile/toutiao/fix-hb-1.png) 0 0 no-repeat; background-size: 100%; cursor:pointer;} +mip-jia-footertlplus .fixed-footer-box .hb-wrap { + display: none!important; +} +/*报价*/ +.counter-box{margin-bottom: .08rem; background: #F5F6F9; border-radius: .04rem; padding: 0 .1rem; box-sizing: border-box; width: 100%; height: 0.39rem; display: flex; align-items: center; justify-content: space-between;} +.counter-box div{ display:block;} +.counter-box .dt{flex: 0 0 auto; color: #848494; font-size: .125rem;} +.counter-box .dd{flex: 0 0 auto; overflow: hidden} +.counter-box .unit{display: inline-block; margin-left: .06rem; font-size: .1rem; line-height: 1; vertical-align: bottom; color: #848494;} +.counter-box b{display: inline-block; width: .13rem; height: .2rem; background: url(https://mued3.jia.com/image/mobile/activity/bdhd/counter-icons.png) -100% -100%/auto 100% no-repeat; vertical-align: top} +.counter-box .num0{background-position: 0 0} +.counter-box .num1{background-position: 11.11% 0} +.counter-box .num2{background-position: 22.22% 0} +.counter-box .num3{background-position: 33.33% 0} +.counter-box .num4{background-position: 44.44% 0} +.counter-box .num5{background-position: 55.56% 0} +.counter-box .num6{background-position: 66.67% 0} +.counter-box .num7{background-position: 77.78% 0} +.counter-box .num8{background-position: 88.89% 0} +.counter-box .num9{background-position: 100% 0} +.baojia-order .form-box{ display:block; width: 100%; padding:0;} +.baojia-order .form-box div{ display:block;} +.baojia-order .form-box .area-layer{ display:none; padding:0; will-change:transform; } +.baojia-order .form-box .form-item{display: flex; margin-bottom: 0.08rem; padding:0;justify-content: space-between;} +.baojia-order .form-item .input-box{width: 100%;height: 0.36rem;border-radius: 0.04rem;border: 1px solid #E0E0E0;padding: 0.1rem;box-sizing: border-box;} +.baojia-order .form-item.two .input-box{width:48.5%;position: relative;font-size: 0;} +.baojia-order .form-item .input-box .arr{width: 0.07rem;height: 0.04rem;display: block;background: url('https://mued3.jia.com/image/mobile/toutiao/input-city-arr.png') no-repeat;background-size: 100% 100%;position: absolute;right: 0.1rem;top: 50%;margin-top: -0.02rem;} +.baojia-order .form-item .input-box .unit{font-size: 0.14rem;line-height: 1;color: #848494;position: absolute;right: 0.13rem;top: 50%;transform: translateY(-50%);} +.baojia-order .form-item .input-box input{display: block;width: 100%;height: 100%;line-height: 1;font-size: 0.125rem;color: #848494;padding: 0;margin: 0;border: none;background: #fff;} +.baojia-order .order-btn{display: block;height:.36rem;background:linear-gradient(-90deg,rgba(254,43,43,1),rgba(255,93,50,1));border-radius:0.04rem;margin: 0.08rem auto 0;font-size: 0.145rem;font-weight: bold;color: #fff;line-height: 0.36rem;text-align: center;} +.rule-box{ padding:.05rem 0 0;font-size: .1rem; line-height: .14rem; color: #848494; display: flex; align-items: center;} +.rule-box label{ display:inline;} +.rule-box .check-box{position: relative; display: inline-block; width: .11rem; height: .11rem; margin-top:.015rem; margin-right: .05rem; vertical-align: top} +.rule-box .input-check{position: absolute; left: 0; top: 0; display: block; width: .11rem; height: .11rem; opacity: 0} +.rule-box .check-icon{display: block; width: .11rem; height: .11rem; background: url('https://mued3.jia.com/image/mobile/toutiao/check-icon-un.png') 0 100% no-repeat; background-size: 100%; vertical-align: top} +.rule-box .check-icon.cur{background: url('https://mued3.jia.com/image/mobile/toutiao/check-icon-select.png') 0 100% no-repeat; background-size: 100%;} +.rule-box a{color: #333; text-decoration: underline; cursor: pointer} +.baojia-box{background:#fff;margin-top:.09rem;padding:.16rem .12rem;} +.baojia-box .bj-title{font-size:.17rem;color:#121529;text-align:center;margin-bottom:.12rem;} + + +/*图库*/.picture-box{padding: 0 .15rem .15rem} +.picture-box .list-a{position:relative;margin-top: .1rem;padding-bottom: .05rem;width: 48%;padding-right: 0;float: left;box-sizing: border-box;background: #fff;border:1px solid #f0f0f0;} +.picture-box .list-a:nth-child(2n+1){margin-right: 4%} +.picture-box .list-a .list-img{display:block;position:relative;padding-top:80%;width:100%;overflow:hidden;background:#F6F5F3;} +.picture-box .list-a .title{max-height: .36rem;padding: .05rem .05rem 0 .05rem;font-size: .11rem;line-height: .18rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} +.picture-box .list-a .info{position: absolute;font-size: .095rem;color: #fff;left: 0;bottom: .28rem;width: 100%;padding: .07rem;text-align: right;box-sizing: border-box;background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.55)),color-stop(0.05,rgba(0,0,0,0.55)),color-stop(.5,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.55),rgba(0,0,0,0.55) 5%,rgba(0,0,0,0) 90%,rgba(0,0,0,0));background: linear-gradient(to top,rgba(0,0,0,0.55),rgba(0,0,0,0.55) 5%,rgba(0,0,0,0) 90%,rgba(0,0,0,0))} +.picture-box img.lazy{height: 1.08rem} +.picture-box img{height: 1.08rem!important;display: block;object-fit: cover;} +/*案例*/.anli-box{padding: 0 .15rem .15rem} +.anli-box .img-item-a{float: left;width: 48%;margin:.12rem 4% 0 0;background: #fff;box-shadow: 0 0 1px 0 #d1d1d1;box-sizing: border-box;} +.anli-box .img-item-a:nth-child(2n+2){margin-right: 0;} +.anli-box .img-item-a.bj-item .pic{padding-top: 68%;} +.anli-box .img-item-a.bj-item .info{padding: 0.12rem;text-align: center;} +.anli-box .img-item-a .pic{position: relative;padding-top: 100%;} +.anli-box .img-item-a .pic mip-img{position:absolute;left:0;top:0;width:100%;height:100%;} +.anli-box .img-item-a .info{position: relative;padding: 0.1rem 0.08rem;} +.anli-box .img-item-a .info .photo{position: absolute;top: 50%;left: 0.08rem;width: 0.22rem;height: 0.22rem;margin-top: -.11rem;overflow: hidden;} +.anli-box .img-item-a .info .photo img{width: 100%;height: 100%;border-radius: 50%;vertical-align: top;} +.anli-box .img-item-a .info .personal-info{width: 100%;padding-left: 0.27rem;font-size: 0.1rem;box-sizing: border-box;} +.anli-box .img-item-a .info .personal-info .style{color: #000;margin-bottom: 0.03rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} +.anli-box .img-item-a .info .personal-info .info-content{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} +.anli-box .img-item-a .info .title{font-size: 0.083rem;color: #666;margin-top: 0.05rem;} +.anli-box .img-item-a .info .sub-tit{font-size: 0.1245rem;margin-top: 0.06rem;} +.anli-box .img-item-a .info .go-btn{display: inline-block;font-size: 0.08rem;color: #fff;padding: 0.03rem 0.17rem;margin-top: 0.06rem;background: -webkit-linear-gradient(left, #90ce35, #39d3d2);background: linear-gradient(to right, #90ce35, #39d3d2);border-radius: 0.2rem;} +.anli-box .d-title{font-size: .1425rem;font-weight: bold;padding: .1rem .08rem 0 .08rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.2;} +/*装修公司*/.swiper_contents{padding:0 0.15rem;overflow:hidden;} +.screen-outer{height: .38rem;background: #fff;} +.condition-screen{width: 100%;max-width: 640px;height: .38rem;position: relative;z-index: 9;/*border-top: 1px solid rgba(224,224,224,1);*/} +.condition-screen .menu-nav{position: relative;z-index: 10;height: .38rem;padding: .1rem 0.12rem;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;} +.condition-screen .menu-nav .nav-a{display: block;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 33.3%;height: .18rem;line-height: .18rem;text-align: center;font-size: .1185rem;color: #333; cursor:pointer;} +.condition-screen .menu-nav .nav-a.active ,.condition-screen .menu-nav .nav-a.in{color: #d00;} +.condition-screen .menu-nav .nav-a i{width: .09rem;height: .056rem;display: inline-block;vertical-align: text-top;margin: .055rem 0 0 .05rem;background: url(//mued3.jia.com/image/mobile/zhuangxiu/zxgs/list-arrow-icon.png);background-size: 100%;} +.condition-screen .menu-nav .nav-a.active i{background-position: 0 100%;} +.condition-screen .menu-nav .nav-a.in i{background: url(//mued3.jia.com/image/mobile/zhuangxiu/zxgs/list-arrowIn-icon.png);background-size: 100%;} +.nav-popmask{position: absolute;display: none;top: 0;left: 0;right: 0;bottom: 0;z-index: 8;width: 100%;height: 60rem;background: rgba(0,0,0,.4);} +.nav-popmask.show{ display:block;} +.screen-option{width: 100%;position: absolute;left: 0;top: .38rem;background: #fff;z-index: 100;/*border-top: 1px solid #f0efef;*/} +.factor-list{ display:none;} +.screen-option.city .city-list,.screen-option.sort .sort-list,.screen-option.filter .screen-list{ display:block;} +.screen-option .city-list{/* padding: 0.08rem 0.13rem 0 0.13rem;*/} +.screen-option .city-list ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;/*justify-content: space-between;*/padding: 0.13rem 0 0.13rem 0.04rem;} +.screen-option ul li{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;/* height: 0.36rem;*//* line-height: 0.36rem;*/} +.screen-option .sort-list ul li{/*height: 0.36rem;*//*line-height: 0.36rem;*/} +.screen-option .city-list li{width: .665rem;margin: 0 0 .13rem;margin-left:0.09rem;overflow: hidden;} +.screen-option ul li span{display: block;/*border: 1px solid #f5f5f5;*/text-align: center;border-radius: 0.02rem;color:rgba(18,21,41,1);background: #f5f5f5;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding-bottom: 0.15rem;} +.zx-screening{padding: 0 0.12rem;} +.screen-option .city-list li span{height: .25rem;line-height: .25rem;font-size: .111rem; cursor:pointer;} +.screen-option .city-list li.cur span,.screen-option .screen-list li.cur span{color: #ee2d1b;/*border-color: #f8a69f;*/background: #fef4f3;} +.city-list .current-city-bar{height: .18rem;line-height: .18rem;padding: .12rem 0;border-top: 1px solid #ebebeb;position: relative;} +.city-list .current-city-bar label{padding: 0 0 0 .1rem;color: #999;font-size: 0.128rem;} +.city-list .current-city-bar span{color: #333;font-size: 0.128rem;} +.city-list .current-city-bar a{font-size: 0.128rem;color: #333;padding: .12rem .11rem;position: absolute;right: 0;top: 0;} +.city-list .current-city-bar a i{border-style: solid;border-color: #333 transparent transparent #333;border-width: .01rem 0 0 .01rem;width: .06rem;height: .06rem;display: inline-block;-ms-transform: rotate(135deg);transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);margin: 0 0 .03rem .055rem;vertical-align: middle;} +.screen-option .screen-list .condition{padding: .1rem 0 0 0;margin-bottom: 0.12rem;} +.screen-option .screen-list .condition p{padding-bottom: .14rem;font-size: 0.12rem;font-weight: bold;line-height: 0.12rem;padding-left: 0.12rem;} +.screen-option .screen-list .condition ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 0.04rem 0 0.12rem;} +.screen-option .screen-list li{width: .66rem;margin: 0 0.095rem .13rem 0;} +.screen-option .screen-list li span{height: .25rem;line-height: .25rem;font-size: .111rem; cursor:pointer;} +.screen-option .screen-list .condi-fwbz{border: 0;} +.screen-option .screen-list .screen-op-btn{padding: 0.13rem 0 0.075rem 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} +.screen-op-btn span{display: block;width: 1.32rem;height: 0.33rem;border-radius: 0.33rem;text-align: center;line-height: 0.33rem;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 0.125rem;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; cursor:pointer;} +.screen-op-btn .screen-reset{color: #333;background-color: #fff;border: 1px solid #ebebeb; cursor:pointer;} +.screen-op-btn .screen-ensure{color: #fff;background:linear-gradient(-90deg,rgba(254,43,43,1) 0%,rgba(255,93,50,1) 100%);border: 1px solid #f15d2d; cursor:pointer;} +.screen-option .sort-list li span{font-size: 0.12rem;font-weight:500;color:rgba(18,21,41,1);background: #fff;border: none;/*padding-left: 0.36rem;*/text-align: left;display: block;width: 100%;height: 100%;} +.screen-option .sort-list li .zx-span{ display:flex;} +.zx-screening li{border-bottom: 1px solid rgba(236,235,235,1);margin-top: 0.15rem;} +.zx-screening li:last-child{border-bottom: 1px solid white ;} +.screen-option .sort-list li.cur span{color: #ee2d1b;} + .condition-screen.fixed, .succeed-layer{position: fixed;top:0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} +.zxcompany-list{padding: 0 0.13rem 0.2rem 0.13rem;} +.zxcompany-list-cont{/*margin-top: 0.1rem;*/} +.other-section .no-more{font-size:0.11rem;color: #999;text-align: center;padding: 0.2rem 0;} +.zxgs-default{width: 100%;padding-top: 0.55rem;text-align: center;padding-bottom: 2rem;} +.zxgs-default .img{width: 0.77rem;height: auto; margin:0 auto;} +.zxgs-default p{font-size: 0.111rem;color: #333;margin-top: 0.13rem;} +.zxgs-default .cleanr-screen{display: inline-block;width:1.49rem;height:0.34rem;background:-webkit-gradient(linear,right top, left top,from(rgba(238,45,27,1)),to(rgba(255,93,50,1)));background:-webkit-linear-gradient(right,rgba(238,45,27,1) 0%,rgba(255,93,50,1) 100%);background:-o-linear-gradient(right,rgba(238,45,27,1) 0%,rgba(255,93,50,1) 100%);background:linear-gradient(-90deg,rgba(238,45,27,1) 0%,rgba(255,93,50,1) 100%);border-radius:0.17rem;font-size: 0.13rem;line-height: 0.34rem;color: #fff;margin-top: 0.3rem;} +.zxcompany-list .ruzhu-jia{display: block;margin: 0 auto;font-size:0.13rem;color: #333;text-align: center;margin-top: 0.2rem;width:2.77rem;height:0.34rem;line-height: 0.34rem;background:rgba(255,255,255,1);border:1px solid rgba(224,224,224,1);border-radius:0.04rem;} +.zxcompany-list .company-item{border-radius: 6px;background-color: rgb(255, 255, 255);/*-webkit-box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(11, 23, 58, 0.1);*//*box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(11, 23, 58, 0.1);*/width: 100%;padding: 0.12rem 0 0.1rem 0;-webkit-box-sizing: border-box;box-sizing: border-box;padding-bottom: 0.11rem;} +.company-item{border-bottom: 1px solid #f7f8fa;border-radius:0 !important;padding: 0.12rem 0 0.18rem 0!important;} +.zxcompany-list .company-item dl{/* margin-bottom: 0.05rem;*/} +.zxcompany-list .company-item dt{float: left;width: 7%;height: 7%;margin-right: 3%;border-radius: 50%;overflow: hidden;position: relative;border: 1px solid #e7e7e7;-webkit-box-sizing: border-box;box-sizing: border-box;font-size:0;} +.zxcompany-list .company-item dt img{width: 100%;height: 100%;-o-object-fit:cover;object-fit:cover;} +.zxcompany-list .company-item dd{float: left;width: 90%;position: relative;} +.zxcompany-list dd .company-name{font-size: 0;margin: 0;line-height:1.3;} +.zxcompany-list dd .company-name .name{font-size: 0.14rem;color: #333;font-weight: bold;} +.zxcompany-list dd .company-name i{display: inline-block;width: 0.15rem;height: 0.15rem;background: url('//mued3.jia.com/image/mobile/zhuangxiu/zxcompany-icon.png') no-repeat;background-size: auto 100%;margin-left: 0.06rem;vertical-align: -0.02rem;} +.zxcompany-list dd .company-name i.topTen{width: 0.37rem;} +.zxcompany-list dd .company-name i.quan{width: 0.15rem;background-position: 68% 0;} +.zxcompany-list dd .company-name i.cu{width: 0.15rem;background-position: 100% 0;} +.zxcompany-list dd .range{position: absolute;top: 0.05rem;right: 0;font-size: 0.09rem;color: #999;line-height:1.1;cursor: pointer;z-index: 7;} +.zxcompany-list .rate-star{width: 0.6rem;height: 0.11rem;background: url('//mued3.jia.com/image/zx-new/zx-star.png') no-repeat;background-size: 100% 200%;position: relative;float: left;margin-top: 0.04rem;} +.zx-template{position: relative;width: 0.85rem;height: 0.85rem;background: #F6F5F3;} +.zx-template .loading,.picture-box img.loading,.picture-box img{position:absolute;background:none;width:.4rem;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);} +.picture-box img{width:100%;} +picture-box img.loading{height:auto!important;} +.zx-video{width: 0.18rem;height: 0.18rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} +.condi-ysfw{display: none;} +.zxcompany-list .info-star span{display: block;float: left;font-size: 0.1rem;line-height: 0.1rem;margin-left: 0.04rem;font-weight:500;color:rgba(18,21,41,1);margin-top: 0.05rem;} +.zxcompany-list .rate-star .star-lit{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 0.11rem;background: url('//mued3.jia.com/image/zx-new/zx-star.png') no-repeat;background-position: 0 -0.123rem;background-size: 0.595rem auto;/*margin-top: 0.05rem;*/} +.zx_type_money{font-weight:500;color:rgba(132,132,148,1);font-size: 0.1rem;margin-top: 0.05rem;} +.zxcompany-list .company-info{font-size: 0.09rem;line-height: 1.1;color: #666;margin-top: 0.07rem;} +.zxcompany-list .company-info span{margin-right: 0.07rem;} +.zxcompany-list .company-info span i{margin-left: 0.02rem;} +.zxcompany-list .medalTag{margin: 0.06rem 0 0 0;line-height: 0;overflow:hidden;/* white-space: nowrap;*/height: 0.15rem;} +.zxcompany-list .tag-list{display: inline-block;font-size: 0.09rem;color: #c7a550;background: #fbf4e4;line-height: 1;padding: 0.03rem 0.04rem;margin-left: 0.045rem;margin-bottom: 0.01rem;} +.zxcompany-list .tag-list:first-child{margin:0;} +.zxcompany-list .medalTag i{display: inline-block;position: relative;height: 0.15rem;border-top-right-radius: 0.15rem;border-bottom-right-radius: 0.15rem;line-height:0.15rem;padding: 0 0.05rem 0 0.1rem;background:#b0f5dd;color: #00a97b;font-size: 0.094rem;margin-left: 0.13rem;} +.zxcompany-list .medalTag i:first-child{margin-left: 0.07rem;} +.zxcompany-list .medalTag i.popular-rank{background: #ffdad6;color: #ff4e2a;} +.zxcompany-list .medalTag i.build-rank{background: #c3e4fa;color: #008ff1;} +.zxcompany-list .medalTag i:before{content: '';display: block;position: absolute;top: -0.01rem;left: -0.07rem;width: 0.145rem;height: 0.17rem;background: url('//mued3.jia.com/image/mobile/zhuangxiu/company-rank-icon.png') no-repeat;background-size: 100% auto;} +.zxcompany-list .medalTag i.popular-rank:before{background: url('//mued3.jia.com/image/mobile/zhuangxiu/company-rank-icon.png') no-repeat;background-size: 100% auto;background-position: 0 -0.2rem;} +.zxcompany-list .medalTag i.build-rank:before{background: url('//mued3.jia.com/image/mobile/zhuangxiu/company-rank-icon.png') no-repeat;background-size: 100% auto;background-position: 0 -0.4rem;} +.zxcompany-list .medalTag i em{font-size: 0.051rem;margin-left: 0.02rem;} +.zxcompany-list .company-case{margin-top: 0.07rem;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;} +.zxcompany-list .company-case .case-img{width: 32%;height: 0.55rem;border-radius: 0.04rem;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;overflow: hidden;margin-right: 2%;} +.zxcompany-list .company-case .case-img img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} +.y_active_list{background: rgba(238,45,27,0.1)!important;/* opacity: 0.5;*/color: #EE2D1B!important;} +.zx_list_click a{color:inherit} +.city-zxcompany-no{width: 2.77rem;margin: 0 auto;padding: 0.16rem 0;background: #fff;} +.city-zxcompany-no .no-cont{width: 2.77rem;height: 2.64rem;background: url('//mued3.jia.com/image/mobile/zhuangxiu/city-zxcompany-nobg.png');background-size: 100% 100%;text-align: center;} +.city-zxcompany-no .no-cont img{width: 0.77rem;height: auto;margin-top: 0.22rem;} +.city-zxcompany-no .no-cont p{font-size: 0.111rem;color: #333;margin-top: 0.13rem;} +.city-zxcompany-no .no-cont .go-zmzx-btn{display: inline-block;width:1.67rem;height:0.46rem;-webkit-box-shadow:0rem 0.04rem 0.13rem 0rem rgba(11,23,58,0.1);box-shadow:0rem 0.04rem 0.13rem 0rem rgba(11,23,58,0.1);border-radius:0.23rem;margin-top: 0.1rem;} +.city-zxcompany-no .no-cont .go-zmzx-btn img{margin: 0;width: 100%;height: 100%;} +.city-zxcompany-no .ruzhu-jia{display: block;margin: 0 auto;font-size: 0.13rem;color: #333;text-align: center;margin-top: 0.49rem;width: 2.77rem;height: 0.34rem;line-height: 0.34rem;background: rgba(255,255,255,1);border: 1px solid rgba(224,224,224,1);border-radius: 0.04rem;} +.zx_company_box{ -webkit-flex:1; flex:1; margin-left: 0.08rem;margin-top: -0.027rem;} +.zx_company_box .info-star{ margin-top:0;} +.info-star span label{margin-right: 0.04rem !important;} +.zx-ti{/*display: flex;*//*align-items: center;*/} +.zx-sheji{background: url(http://mued3.jia.com/image/zx-new/zx-yun.png) no-repeat;width: 0.69rem;height: 0.13rem;background-size: auto 100%;margin-left: 0.1rem;padding-left: 0.03rem;} +.zx-span{display: flex;align-items: center;} +.zx-persion{font-weight: 400;color: rgba(255,255,255,1);font-size: 0.09rem;line-height: 0;height: 0.13rem;display: flex;align-items: center;justify-content: center;} +.zx-ti i{display: inline-block;width: 0.12rem;height: 0.12rem;background: url(http://mued3.jia.com/image/zx-new/tip_collection.png) no-repeat;background-size: auto 100%;vertical-align: -0.008rem;} +.zx-ti .cu{width: 0.12rem;background-position: 54% 0;flex-shrink: 0;} +.zx-ti .MEDALS{width: 0.12rem;background-position: 110% 0;margin-left: -0.029rem;margin-right: 0.045rem;margin-bottom: 0.025rem;} +.zx-ti .topTen{width: 0.12rem;flex-shrink: 0;} +.zx-ti span{font-weight:bold;color:rgba(18,21,41,1);font-size: 0.15rem;margin-right: 0.08rem;} +.company-name{ + overflow: hidden; + text-overflow: ellipsis; + max-width: 1.4rem; + white-space: nowrap; + display: inline-block; +} +.zx-line{ + line-height: 0.18rem; + display: flex; +} +.zx-line div{ + display: flex; + align-items: center; + position: relative; +} +.zx-line i{ + display: inline-block; + width: 0.12rem; + height: 0.12rem; + background: url(http://mued3.jia.com/image/zx-new/toupai.png) no-repeat; + background-size: auto 100%; + /*margin-left: 0.06rem;*/ + vertical-align: -0.001rem; +} +.zx-ti .CITY_MEDALS{ + width: 0.545rem; + height: 0.14rem; + background-position: 0 0; + margin-left: -0.029rem; + position: absolute; + z-index: 1; + left: -4px; +} +.advertisemenTip{ + font-size: 0.07rem; + background: rgba(0,0,0,0.2); + border-radius: 1px; + position: absolute; + bottom: 0; + color:rgba(255,255,255,0.7); + padding: 0.02rem 0.05rem 0.01rem 0.05rem; + line-height: 0.1rem; +} +.professional_merchants{width: .42rem; height: .14rem;display: inline-block;background: url(http://mued3.jia.com/image/zx-new/zysj.png) no-repeat; + background-size:100%;vertical-align:.01rem;} + +.AuthenticationIcon{ + background: url(//mued3.jia.com/image/zx-new/renzhen.png) no-repeat 0 0; + background-size: 0.71rem 0.13rem; + background-position: 0 0; + width: 0.24rem; + height: 0.13rem; +} +.seniorShopsIcon{ + background: url(//mued3.jia.com/image/zx-new/renzhen.png) no-repeat 0 0; + background-size: 0.71rem 0.13rem; + background-position: 100% 0; + width: 0.46rem; + height: 0.13rem; +} +.zx_type_money{ + display: flex; + align-items: center; + justify-content: space-between; +} +.zx-describe span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 1.75rem;} +.percent_total .dl_list dl dd{font-size: .1008rem;color:#848484;} +.percent_total .dl_list dl:last-child{border:none;} +.canvas_box .canvas{color: #999;font-size: .089rem;} +.y_layout{display: flex;padding-top: 0.11rem;} +.y_store_the_cover{width:0.85rem;height:0.85rem;background:rgba(39,80,70,1);border-radius:4px;} +.y_Thelabel_act{display: flex;margin-top: 0.05rem;} +.y_Thelabel_act{flex-wrap: wrap;height: 0.165rem;overflow: hidden;} +.y_Thelabel_act div{font-weight:500;color:rgba(255,129,38,1);font-size: 0.09rem;margin-right: 0.03rem;padding: 0.02rem 0.04rem;background:rgba(255,241,232,1);border-radius: 2px;flex-shrink: 0;} +.clearfixm{display: flex;margin-top: 0.07rem!important;} +.clearfixm .zx_list_click{margin-right: 0.09rem;color:rgba(18,21,41,1);font-size: 0.1rem;background:rgba(245,246,248,1);padding: 0.06rem 0.08rem;border-radius: 3px;border:1px solid white;flex-shrink: 0;} +.clearfixm li:first-child{margin-left: 0;} +.y_Thelabel div{font-weight:500;color:rgba(132,132,148,1);font-size: 0.09rem;margin-right: 0.03rem;padding: 0.02rem 0.04rem;background:rgba(247,247,255,1);border-radius: 2px;} +.y_Thelabel{display: flex;margin-top: 0.05rem;} +.y_box_img{width: 0.12rem;height: 0.12rem;border-radius: 2px;} +.zx-ranking{display: flex;align-items: center;padding-top: 0.05rem;} +.zx-ranking span{font-weight:500;color:rgba(18,21,41,1);font-size: 0.1rem;margin-left: 0.04rem;} +.y_new_list{height: 4rem;overflow: hidden;overflow-y: auto;} +.list_box{width: 100%;} +.clearfixm{display: flex;/*flex-wrap: wrap;*/margin-top: 0.07rem!important;} +.list_box::-webkit-scrollbar{display:none} +.clearfixm .zx_list_click{margin-right: 0.09rem;color:rgba(18,21,41,1);font-size: 0.1rem;background:rgba(245,246,248,1);padding: 0.06rem 0.08rem;border-radius: 3px;border:1px solid white;flex-shrink: 0;} +.clearfixm li:first-child{margin-left: 0;} +.other-section{/*margin-top:.09rem;*/background:#fff;} +.other-section .other-tab{text-align:center;height:.4rem;white-space:nowrap;background-color:#fff;} +.other-fixed{height:.4rem;} +.other-section .tab-li{position:relative;padding:.1rem .14rem;width:auto;display:inline-block;color:#848494;font-size:.135rem; cursor:pointer;} +.other-section .tab-li.cur{border-bottom:0 none;font-weight:bold;color:#121529;} +.other-section .tab-li.cur::after{content:'';position:absolute;left:50%;bottom:0;width:.22rem;height:.03rem;margin-left:-.11rem;background:#EE2D1B;border-radius:.02rem;} +.commonList{display:none; min-height:100vh; overflow:hidden;} +.other-section.zxgs .zxgs-box,.other-section.article .related-reading,.other-section.anli .anli-box,.other-section.tuku .tuku-list{display:block;} +/* .other-section .other-tab.cur{position:fixed;width:100%;max-width:640px;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10;} */ +.loadmore{position:relative;height: .23rem;line-height: .23rem;text-align: center;padding: .12rem 0;} +.loadmore .icon{display:inline-block;color:#999;position:relative;text-indent:-9999px;width:.23rem;height:.23rem;background:url("//mued3.jia.com/image/mobile/toutiao/tt_loading.gif") no-repeat;background-size:100% auto;} +/*新版效果图*/.tuku-list-cont{overflow:hidden;width:100%;padding-top:.15rem;} +.tuku-screen{display:block;background:#F5F6F9;margin-left:-.13rem;text-align:center;font-size:.1rem;padding:.065rem 0;} +.tuku-screen .icon{display:inline-block;width:.09rem;height:.09rem;background:url(//mued3.jia.com/image/mobile/toutiao/tk-screen-icon.png) no-repeat;background-size:100%;vertical-align:top;margin:.04rem 0 0 .03rem;} +.tuku-list{width:100%;padding:0 0 0.3rem 0.13rem;overflow:hidden;position:relative;box-sizing:border-box;} +.tuku-list .list-item{border-radius: 0.04rem;overflow: hidden;width: 47.5%;margin-bottom: 0.09rem;margin-right: 2%;float: left;border:1px solid #ecebeb;box-sizing:border-box;} +.tuku-list .list-item .cover-img{width: 100%;height: auto;position: relative;} +.tuku-list .list-item .cover-img img{min-height:1rem;} +.tuku-list .list-item .cover-img.vr{height: 1.07rem;} +.tuku-list .list-item .cover-img.vr img{width:100%;height:100%;object-fit:cover;} +.tuku-list .list-item .cover-img .lable{position: absolute;top: 0.09rem;right: 0.09rem;} +.tuku-list .list-item .cover-img .lable.wholeHouse{background: rgba(0,0,0,0.5);font-size: 0.09rem;color: #FEFEFE;line-height: 1;padding: 0.03rem 0.04rem;border-radius: 0.03rem;font-weight: bold;} +.tuku-list .list-item .cover-img .lable.tu{background: rgba(0,0,0,0.5);font-size: 0.09rem;color: #FEFEFE;line-height: 1;padding: 0.03rem 0.04rem;border-radius: 0.03rem;font-weight: bold;} +.tuku-list .list-item .cover-img .lable.video{width: 0.18rem;height: 0.18rem;background: url('//mued3.jia.com/image/mobile/tuku/video-icon.png');background-size: 100% 100%;} +.tuku-list .list-item .cover-img .lable.vr,.tuku-list .list-item .cover-img .lable.gg{background: rgba(0,0,0,0.5);font-size: 0.09rem;color: #FEFEFE;line-height: 1;padding: 0.04rem 0.04rem;border-radius: 0.03rem;font-weight: bold;} +.tuku-list .list-item .list-info{padding: 0.09rem 0.09rem 0.11rem 0.09rem;background: #fff;font-size: 0;} +.tuku-list .list-item .list-title{line-height: 0.18rem;font-size: 0.1rem;/* font-weight: bold;*/color: #121529;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} +.tuku-list .list-item .list-tab{font-size: 0.1rem;line-height: 1;color: #848494;margin-top: 0.05rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} +.tuku-list .list-item .list-tab em{color:#D2D2D2;font-size: 0.1rem;} +.tuku-list .list-item .author{display: flex;align-items: center;margin-top: 0.1rem;} +.fixed-footer-box .hb-wrap{display: none !important;} \ No newline at end of file diff --git a/sites/m.jia.com/mip.config.js b/sites/m.jia.com/mip.config.js new file mode 100644 index 000000000..d5457bef4 --- /dev/null +++ b/sites/m.jia.com/mip.config.js @@ -0,0 +1,31 @@ +/** + * @file mip页面项目配置项 + * @author + */ + +module.exports = { + dev: { + /** + * 启动mip server调试的端口号 + * + * @type {number} + */ + port: 8111, + + /** + * 启用调试页面自动刷新 + * + * @type {boolean} + */ + livereload: true, + + /** + * server 启动自动打开页面，false 为关闭 + * 如: + * autoopen: '/example/index.html' + * + * @type {string|boolean} + */ + autoopen: false + } +} diff --git a/sites/m.jia.com/package.json b/sites/m.jia.com/package.json new file mode 100644 index 000000000..d52b3e552 --- /dev/null +++ b/sites/m.jia.com/package.json @@ -0,0 +1,25 @@ +{ + "name": "m.jia.com", + "version": "0.0.1", + "description": "A MIP project", + "scripts": { + "dev": "mip2 dev", + "build": "mip2 build", + "lint": "npm run lint:js", + "lint:js": "eslint --ext .vue,.js .", + "fix": "npm run fix:js", + "fix:js": "eslint --ext .vue,.js . --fix" + }, + "author": "tao (165526381@qq.com)", + "dependencies": {}, + "devDependencies": { + "eslint": "^4.19.1", + "eslint-config-standard": "^11.0.0", + "eslint-plugin-import": "^2.12.0", + "eslint-plugin-jsdoc": "^3.7.1", + "eslint-plugin-node": "^6.0.1", + "eslint-plugin-promise": "^3.8.0", + "eslint-plugin-standard": "^3.1.0", + "eslint-plugin-vue": "^4.5.0" + } +} diff --git a/sites/m.jia.com/static/.gitkeep b/sites/m.jia.com/static/.gitkeep new file mode 100644 index 000000000..e69de29bb From 8a9f96ff5209115a7227a102480be3a3b9840519 Mon Sep 17 00:00:00 2001 From: tao <165526381@qq.com> Date: Fri, 28 Feb 2020 19:01:42 +0800 Subject: [PATCH 2/4] =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sites/m.jia.com/example/mip-zixun-article.css | 823 ------------------ 1 file changed, 823 deletions(-) delete mode 100644 sites/m.jia.com/example/mip-zixun-article.css diff --git a/sites/m.jia.com/example/mip-zixun-article.css b/sites/m.jia.com/example/mip-zixun-article.css deleted file mode 100644 index 42aee91cd..000000000 --- a/sites/m.jia.com/example/mip-zixun-article.css +++ /dev/null @@ -1,823 +0,0 @@ -/*重置代码*/ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, table, td, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, textarea, input{margin: 0; padding: 0; border: 0; outline: none 0; vertical-align: baseline; font-weight: 500; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} -input, select, textarea{-webkit-appearance: none; outline: none;} -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block} -html{height: 100%; font-size: 625%; line-height: 1.5; background-color: #f0f0f0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} -body{min-height: 100%; max-width: 640px; margin: 0 auto; font-size: .14rem; color: #333; font-family: "Microsoft YaHei", "Helvetica", "Helvetica Neue";} -ul, ol, li, dl, dt, dd{list-style-type: none;} -.clearfix:before, .clearfix:after{display: table; content: '';} -.clearfix:after{clear: both;} -.clearfix{*zoom: 1;} -i, em{font-style: normal} -.pr{position: absolute; right: 0; top: 0;} -.pl{position: absolute; left: 0; top: 0;} -.fl{float: left;} -.fr{float: right;} -/*文章详情*/ -.wz_section{background-color: #fff;} -.wz_section mip-showmore, .wz_section .wz_wrap{padding: 0 .12rem;} -.wz_caption{padding: .2rem .12rem 0 .12rem;} -.wz_caption h1{font-size: .24rem; font-weight: bold; line-height: .32rem; color: #333;} -.wz_caption .info-dl{position: relative; margin-top: .22rem;} -.wz_caption .info-dl dt{width: .35rem; height: .35rem; margin-right: .05rem; border-radius: 100%; overflow: hidden;} -.wz_caption .info-dl dd{position: relative; height: .4rem; line-height: 1; margin-right: 1rem; overflow: hidden;} -/*.wz_caption .info-dl .info-box{position:absolute; top:50%; left:0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}*/ -.wz_caption .info-dl .name{color: #333; font-size: .12rem; line-height: .16rem;} -.wz_caption .info-dl .rz{color: #999; font-size: .08rem; line-height: 1.4;} -.wz_caption .info-dl .time{color: #999; font-size: .08rem; line-height: 1;} -.artical-referral{position: relative; padding: .18rem .18rem .18rem .33rem} -.artical-referral:before{content: ''; position: absolute; top: .15rem; left: .12rem; width: .15rem; height: .13rem; background: url(//mued3.jia.com/image/mobile/toutiao/quotation.png) no-repeat; background-size: 100%} -.artical-referral .sub-title{display: -webkit-box; font-size: .14rem; color: #999; line-height: .21rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical} -.artical-referral:after{content: ''; position: absolute; bottom: .1rem; left: .33rem; width: .65rem; height: 1px; background: #e2e2e2} -.link-circle{position: absolute; top: 0; right: 0; padding: .05rem .1rem; margin: .06rem 0 0 .12rem; color: #a77e1a; text-align: center; line-height: 1; font-size: .12rem; border-radius: .2rem; border: 1px solid #efdec0; background: #fbf7ec;} -.link-circle .arrow{border-style: solid; border-color: #a77e1a transparent transparent #a77e1a; border-width: .01rem 0 0 .01rem; width: .04rem; height: .04rem; display: inline-block; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); vertical-align: middle; margin: -.01rem 0 0 .02rem;} -.wz_content{margin-top: .2rem; font-size: .16rem; line-height: .24rem;} -.wz_content a{color: #e55f2e;} -.wz_content p{margin-top: .16rem;} -.wz_content .info-title{font-weight:bold;} -.zz_yj{margin-top: .1rem; font-size: .12rem; color: #999; text-align: center;} -.detail-read{padding: 0 .12rem .07rem 0; color: #999; font-size: .13rem;} -.detail-read .read{padding: .07rem 0 0 .14rem} -.detail-read label{margin-left: .04rem} -.detail-read .wz-zan-box{padding: .07rem .12rem} -.detail-read .wz-zan-box.cur .wz-zan-num{color: #ee2d1b} -.detail-read .wz-zan-box .wz-zan-icon{display: inline-block; width: .18rem; height: .17rem; background: url(//mued3.jia.com/image/mobile/toutiao/zan_icon.png) no-repeat 0 0/100%; vertical-align: -.02rem; cursor: pointer; margin-top: -.03rem} -.detail-read .store-box{position: relative; padding: .07rem .14rem} -.detail-read .store-box:before{content: ''; position: absolute; top: .04rem; left: 0; width: 1px; height: .24rem; background: #ecebeb} -.detail-read .store-icon{display: inline-block; width: .17rem; height: .17rem; background: url(//mued3.jia.com/image/mobile/toutiao/store-icon-gray.png) no-repeat; background-size: 100%; vertical-align: top; cursor: pointer} -.detail-read .store-box.cur .store-icon{background-position: 0 83.3%;} -.detail-read .report{padding: .07rem 0 0 .14rem; font-size: .12rem; color: #787979; line-height: .16rem} -.mip-form-target{margin-bottom: .1rem;} -.tjj-img{display: none;} -/* 论坛入口 */ -.circle-index-enter{position: relative; display: block; background: #fff;} -.circle-index-info{background: #f7f7f7; margin: 0 .12rem; padding: .1rem;} -.circle-index-info .enter-title{font-size: .15rem; font-weight: bold;} -.circle-index-info .circle-friends-box{margin-top: .07rem;} -.circle-index-info .user-list{float: left;} -.circle-index-info .user-txt{float: left; font-size: .1rem;} -.circle-index-info .user-item{float: left; width: .13rem; height: .13rem; margin-right: .03rem;} -.circle-index-info .user-item img{vertical-align: top; border-radius: 100%;} -.circle-index-enter:after{content: ''; position: absolute; top: 50%; right: .22rem; margin-top: -.05rem; border-left: .01rem solid #999; border-bottom: .01rem solid #999; width: .1rem; height: .1rem; display: inline-block; transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg);} -.circle-type-box{background: #fff; padding: .21rem 0 0 0; margin-bottom: .08rem;} -.circle-type-box .circle-type-li{float: left; width: 33.3%; text-align: center; margin-bottom: .21rem; color: #666; font-size: .11rem;} -.circle-type-box .circle-type-li .icon{display: block; width: .27rem; height: .27rem; background: url("//mued3.jia.com/image/mobile/zx_circle/circle-type-icon.png") no-repeat; background-size: 100%; margin: 0 auto .09rem auto;} -.circle-type-box .circle-type-li mip-img{display: block; width: .27rem; height: .27rem; margin: 0 auto .09rem auto;} -.circle-type-box .circle-type-li .icon2{background-position: 0 19.47%;} -.circle-type-box .circle-type-li .icon3{background-position: 0 38.94%;} -.circle-type-box .circle-type-li .icon4{background-position: 0 58.41%;} -.circle-type-box .circle-type-li .icon5{background-position: 0 77.88%;} -.circle-type-box .circle-type-li .icon6{background-position: 0 97.35%;} -.circle-type-box .circle-type-li mip-img{width: .15rem; height: .15rem; display: inline-block; vertical-align: middle; margin: 0 .05rem 0 0;} -.circle-type-box .circle-type-li p{font-size: .115rem; color: #333; display: inline-block; vertical-align: middle; line-height: .15rem;} -.circle-type-box .circle-type-li a{width: 100%; display: block; border-right: 1px solid #ececec;} -.circle-type-box .circle-type-li:nth-child(3n+3) a{border-right: none;} -.circle-type-box .circle-type-li:nth-child(1), .circle-type-box .circle-type-li:nth-child(4){text-align: left; width: 30%;} -.circle-type-box .circle-type-li:nth-child(3), .circle-type-box .circle-type-li:nth-child(6){text-align: right; width: 30%;} -.circle-type-box .circle-type-li:nth-child(2), .circle-type-box .circle-type-li:nth-child(5){width: 39%;} -.circle-type-box .circle-type-li:nth-child(4), .circle-type-box .circle-type-li:nth-child(5), .circle-type-box .circle-type-li:nth-child(6){border-bottom: none;} -.circle-type-box .circle-type-li{padding-bottom: .1rem; margin-bottom: 0; border-bottom: 1px solid #ececec; padding-top: .1rem;} -.circle-type-box{padding: 0 .125rem;} -/*旺铺店铺&商品*/ -.wp-li{position: relative; margin-top: .16rem; padding: .2rem 0 .15rem; background: #fff;} -.wp-li::before, .wp-li::after{content: ''; position: absolute; left: -.14rem; right: -.14rem; height: .05rem; background: #f5f5f5;} -.wp-li::before{top: 0;} -.wp-li::after{bottom: 0;} -.wp-li a{display: block; color: #333;} -.wp-li .c-list-item .company-logo{width: .7rem; height: .7rem; float: left;} -.wp-li .c-list-item{position: relative;} -.wp-li .c-list-item:last-child .text-message:before{content: ''; display: inline-block; width: 100%; height: 1px; background-color: #e5e5e5; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); position: absolute; right: 0; top: -.05rem;} -.wp-li .c-list-item .name{position: relative; max-width: 70%;} -.wp-li .c-list-item .name-text{font-size: .15rem; font-weight: bold; color: #333; white-space: nowrap; line-height: .22rem; overflow: hidden; text-overflow: ellipsis;} -.shop-popularity{padding: .03rem 0; line-height: 1;} -.wp-li .c-list-item .info-star{margin-top: 0; line-height: normal; font-size: 0; display: inline-block; vertical-align: top;} -.wp-li .c-list-item .info-star .star{width: .1rem; height: .1rem; margin: 0 .01rem;} -.wp-li .c-list-item .info-star .star:last-child{margin-right: 0;} -.wp-li .c-list-item .info-star.four-five .star:last-child::after{width: .05rem;} -.wp-li .c-list-item .text-message{min-height: .7rem; margin-left: .8rem; font-size: 0; position: relative; overflow: hidden;} -.wp-li .c-list-item .remark-num{display: inline-block; font-size: .11rem; color: #333; margin-left: .05rem; vertical-align: top;} -.wp-li .c-list-item .c-keyword{max-width: 75%; margin-top: .08rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: .12rem;} -.wp-li .c-list-item .c-keyword span{color: #999; font-size: .11rem; margin-right: .05rem;} -.wp-li .c-list-item .c-keyword span:last-child{margin-right: 0;} -.wp-li .tips-box{position: absolute; right: 0; bottom: .03rem; text-align: right; line-height: 1;} -.wp-li .tips-box .tips-iden, .wp-li .act-message .tips-iden{display: inline-block; color: #fff; width: .15rem; height: .15rem; line-height: .15rem; margin-left: .04rem; text-align: center; font-size: .1rem; font-family: sans-serif; vertical-align: top;} -.wp-li .green{background-color: #77bc45;} -.wp-li .orange{background-color: #ff6500;} -.wp-li .red{background-color: #dd0000;} -.wp-li .pink{background-color: #fb5da1;} -.wp-li .magenta{background-color: #a260d1;} -.wp-li .skyblue{background-color: #4da3d4;} -.wp-li .lightgreen{background-color: #40babb;} -.wp-li .blue{background-color: #846ff0;} -.wp-li .yellow{background-color: #f3b71b;} -.wp-li .recommend{background-color: #ffe2e2; color: #ff3338;} -.wp-li .bjl-details{position: absolute; right: 0; top: 0; font-size: .12rem; text-align: right;} -.bjl-details .wom-num{display: block; padding-left: .15rem; background: url(//mued3.jia.com/image/mobile/activity/wp-kb-icon.png) left .02rem no-repeat; background-size: .1rem;} -.bjl-details .wom-num strong{margin-left: .02rem; font-weight: bold;} -.bjl-details .num-change{padding-left: .18rem; position: relative;} -.bjl-details .num-change.up{color: #e40505;} -.bjl-details .num-change:before{content: ''; display: inline-block; width: .15rem; height: .1rem; background: url(//mued3.jia.com/image/mobile/activity/wp-ud-icon.png) no-repeat; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} -.bjl-details .num-change.down{color: #1dd114;} -.bjl-details .num-change.down:before{background-position: 0 100%;} -.info-star{margin-top: 0.12rem; line-height: 1;} -.info-star .star{display: inline-block; width: 0.13rem; height: 0.12rem; margin-right: 0.05rem; background: url("//fastued3.jia.com/image/mobile/wxStore/star-none.png") 0 0 no-repeat; background-size: 100% 100%;} -.info-star .star:last-of-type{margin-right: 0;} -.info-star.one .star:first-of-type{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} -.info-star.two .star:nth-of-type(-n+2){background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} -.info-star.three .star:nth-of-type(-n+3){background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} -.info-star.four .star, .info-star.four-five .star{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} -.info-star.four .star:last-child, .info-star.four-five .star:last-child{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-none.png"); background-size: 100% 100%;} -.info-star.five .star{background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 100% 100%;} -.info-star.four-five .star:last-child{position: relative;} -.info-star.four-five .star:last-child::after{content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-image: url("//fastued3.jia.com/image/mobile/wxStore/star-sel.png"); background-size: 200%;} -.wp-li .act-message{padding-top: .06rem; margin-left: .8rem; border-top: 1px solid #eee;} -.wp-li .act-message .tips{padding: .04rem 0; line-height: .15rem; font-size: .13rem; color: #666;} -.wp-li .act-message .tips-iden{margin-left: 0; margin-right: .05rem;} -.more-shop-list{position: relative; margin-top: .16rem; padding: .2rem 0; background: #fff;} -.more-shop-list::before, .more-shop-list::after{content: ''; position: absolute; left: -.12rem; right: -.12rem; height: .05rem; background: #f5f5f5;} -.more-shop-list::before{top: 0;} -.more-shop-list::after{bottom: 0;} -.more-shop-list .shop-list-a{position: relative;} -.more-shop-list p{margin: 0;} -.more-shop-list .shop-list-a{display: block;} -.more-shop-list .shop-img{position: relative; float: left; width: .85rem; height: .85rem; margin-right: .1rem; border: 1px solid #f0f0f0;} -.more-shop-list .noneItem .shop-img::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(//fastued3.jia.com/image/mobile/wxStore/none-item.png) 0 0 no-repeat; background-size: 100%;} -.more-shop-list .shop-img .shop-ac-tips{position: absolute; left: .06rem; top: 0; font-size: .09rem; color: #fff; padding: .04rem .03rem; border-radius: 0 0 4px 4px;} -.more-shop-list .shop-img .shop-ac-tips.pink{background-color: #f92868;} -.more-shop-list .shop-img .shop-ac-tips.orange{background-color: #f67b03;} -.more-shop-list .shop-img img{height: 100% !important;} -.more-shop-list .shop-text-details{position: relative; height: .85rem; overflow: hidden;} -.more-shop-list .shop-text-details .shop-name-txt{height: .38rem; font-size: .15rem; font-weight: bold; color: #333; line-height: .19rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;} -.more-shop-list .shop-text-details .shop-all-list{color: #8d8d8d; font-size: .11rem; line-height: .19rem;} -.more-shop-list .shop-text-details .bottom-text{position: absolute; bottom: .02rem; left: 0; font-size: .11rem; color: #8d8d8d; line-height: 1;} -.more-shop-list .shop-text-details .bottom-text span:not(:first-child){margin-left: .08rem;} -.more-shop-list .shop-text-details .price-box{position: absolute; bottom: .2rem; left: 0; font-size: .15rem; color: #f30; font-weight: bold; line-height: 1;} -.more-shop-list .shop-text-details .price-box .price{margin: 0 .02rem; font-size: .19rem; font-weight: bold;} -.more-shop-list .shop-text-details .price-box .unit{font-size: .11rem; color: #999;} -.more-shop-list .shop-text-details .time-hour, .more-shop-list .shop-text-details .time-minute, .more-shop-list .shop-text-details .time-day, .more-shop-list .shop-text-details .time-second{color: #dd0000; font-size: .12rem; padding: 0 .02rem;} -.more-shop-list .shop-text-details .blue-text{color: #1569f5; padding: 0 .02rem;} -.more-shop-list .shop-text-details .rob-button{font-size: .18rem; color: #fff; background-color: #f30; position: absolute; right: 0; bottom: 0; display: inline-block; width: .3rem; height: .3rem; line-height: .3rem; text-align: center; border-radius: 4px;} -.more-shop-list .noneItem .rob-button{background: #ccc;} -.zx-section{margin-top: .1rem; padding: .14rem; background: #fff;} -.article-box{background-color: #fff; margin-top: .1rem; padding: 0 .12rem;} -.article-title{height: .45rem; line-height: .45rem; font-weight: bold; font-size: .16rem; color: #333;} -/*相关视频*/ -.user-mess .user-detail{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} -.user-detail .img-box{width: .325rem; height: .325rem; position: relative; margin-right: .08rem;} -.user-detail .img-box img{border-radius: 50%;} -.user-detail .img-box .vip{width: .13rem; height: .13rem; position: absolute; bottom: 0; right: 0;} -.vip{display: inline-block; background: url(//mued3.jia.com/image/mobile/toutiao/vip.png) no-repeat; background-size: 100%;} -.user-detail .message{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;} -.user-detail .message .name{font-size: .14rem; color: #333;} -.user-detail .message .txt{font-size: .11rem; color: #999; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;} -.user-detail .message .txt span{margin-right: .1rem;} -.user-detail .tools{font-size: .12rem; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} -.user-detail .tools i{display: inline-block; width: .18rem; height: .14rem; background: url(//mued3.jia.com/image/mobile/toutiao/liulan.png) no-repeat; background-size: 100% 100%; margin-right: .075rem;} -.ella-koon{padding-bottom: .15rem;} -.ella-koon li{padding: .16rem 0; border-bottom: 1px solid #f4f3f3;} -.ella-koon li:last-child{border-bottom: none;} -.ella-koon li .content-box{display: -webkit-box; display: -ms-flexbox; display: flex;} -.ella-koon li .desc{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} -.ella-koon li .title{font-size: .16rem; color: #333; line-height: .24rem; height: .48rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;} -.ella-koon li .video{position: relative; width: 1.14rem; height: .77rem; overflow: hidden; margin-left: .18rem;} -.ella-koon li .video .time{font-size: .1rem; color: #fff; background-color: rgba(0, 0, 0, .5); position: absolute; right: .07rem; bottom: .06rem; padding: .02rem .08rem; border-radius: .18rem;} -.ella-koon li .vip{width: .12rem; height: .12rem; margin-left: .05rem; -webkit-transform: translateY(8%); -ms-transform: translateY(8%); transform: translateY(8%);} -.ella-koon li .user-detail .img-box{width: .21rem; height: .21rem; margin-right: .07rem;} -.ella-koon li .user-detail .tools{font-size: .11rem;} -.ella-koon li .user-detail .tools i{margin-right: .04rem; width: .16rem; height: .12rem;} -.more-area{text-align: center;} -.more-area a{display: inline-block; color: #666;} -.more-area .desc{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .13rem; color: #666; border: 1px solid #e0e0e0; height: .3rem; border-radius: .3rem; padding: 0 .1rem;} -.arrows{display: inline-block; border-style: solid; border-color: #666 transparent transparent #666; border-width: 1px 0 0 1px; width: .06rem; height: .06rem; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} -.ella-koon .more-area{margin-top: .09rem;} -/*相关阅读*/ -.related-reading{padding: 0;} -.related-reading mip-img{position: absolute; top: 0; left: 0; height: 100%; width: 100%;} -.related-reading .article-title{padding-left: .12rem;} -.related-reading a, .related-reading .gg_single, .related-reading .gg_double{position: relative; display: block; padding: 0 .12rem; overflow: hidden; border-bottom: 1px solid #ecebeb} -.gg_double .list_subtit, .gg_single .list_subtit, .related-reading .list_tit .list_subtit, .related-reading .list_tit a{display: -webkit-box; font-size: .16rem; color: #333; height: .48rem; line-height: .24rem; margin: .12rem 0 .06rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical} -.related-reading .list_style2 .list_tit .list_subtit{height: auto;} -.gg_double:visited .list_tit .list_subtit, .gg_single:visited .list_tit .list_subtit, .related-reading .list_style:visited .list_tit .list_subtit{color: #999} -.gg_double .imglist, .gg_single .imglist, .related-reading .imglist{margin-bottom: .1rem} -.gg_double .imglist li, .gg_single .imglist li, .related-reading .imglist li{float: left; display: inline-block; width: 100%} -.gg_double .imglist li .imglist-a, .gg_single .imglist li .imglist-a, .related-reading .imglist li .imglist-a, .related-reading .imglist li a{display: block; position: relative; padding-top: 36%; width: 100%; overflow: hidden; background: #F6F5F3 url(//mued3.jia.com/image/mobile/m_sygb/hl_loading.png) no-repeat center; background-size: .42rem auto;} -.related-reading .imglist li .imglist-a.toutiao_submit, .related-reading .imglist li a.toutiao_submit{background: #d00} -.gg_double .imglist li .imglist-a img, .gg_single .imglist li .imglist-a img, .related-reading .imglist li .imglist-a img, .related-reading .imglist li a img{position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%)} -.bottom_info{position: relative; display: block; width: 100%; height: .136rem; line-height: .136rem; font-size: .12rem; color: #999; margin-bottom: .12rem} -.bottom_info .left_if span, .bottom_info .tip_info span{float: left; display: inline-block; margin-right: .08rem} -.bottom_info .tip_info .dot_icon{width: .05rem; height: .05rem; background: #dfdfdf; margin-top: .04rem; border-radius: 50%} -.bottom_info .num_if{float: left; display: inline-block; position: relative} -.bottom_info .tip, .pretty-info .tip, .tag_list_wz .tip{display: inline-block; text-align: center; vertical-align: top; font-size: .1rem; height: .09rem; line-height: .1rem; border-radius: .03rem; -webkit-border-radius: .03rem; margin-right: .06rem; padding: .02rem; color: #fff} -.bottom_info .tip.pink, .pretty-info .tip.pink, .tag_list_wz .tip.pink{background: #ee2d1b} -.bottom_info .tip.blue, .pretty-info .tip.blue, .tag_list_wz .tip.blue{background: #49b8d7} -.bottom_info .tip.gray, .pretty-info .tip.gray, .tag_list_wz .tip.gray{background: #ccc} -.bottom_info .tip.green, .pretty-info .tip.green, .tag_list_wz .tip.green{background: #48ae6c} -.bottom_info .tip.shipin, .pretty-info .tip.shipin, .tag_list_wz .tip.shipin{background: #557af2} -.bottom_info .tip.yellow{background: #c8c037} -.gg_double .imglist li, .related-reading .list_style2 .imglist li{margin-right: 1%; width: 32.66%; box-sizing: border-box; -webkit-box-sizing: border-box} -.gg_single .list_style3_left, .related-reading .list_style3 .list_style3_left{float: left; display: inline-block; width: 63%; margin-right: 4%} -.gg_single .imglist, .related-reading .list_style3 .imglist{float: left; display: inline-block; width: 33%; margin-top: .108rem} -.related-reading .list_style5 .imglist li{margin-right: 1%; width: 49.5%; box-sizing: border-box; -webkit-box-sizing: border-box} -.gg_double .imglist li .imglist-a, .gg_single .imglist li .imglist-a, .related-reading .list_style2 .imglist li .imglist-a, .related-reading .list_style2 .imglist li a, .related-reading .list_style3 .imglist li .imglist-a, .related-reading .list_style3 .imglist li a{padding-top: 62%} -.related-reading .list_style5 .imglist li .imglist-a, .related-reading .list_style5 .imglist li a{padding-top: 68%} -.gg_double .imglist li:last-child, .related-reading .list_style2 .imglist li:last-child, .related-reading .list_style5 .imglist li:last-child{margin-right: 0} -.related-reading .list_style3 .bottom_info, .related-reading .gg_single .bottom_info{position: absolute; bottom: .1rem; left: .12rem; margin-bottom: 0;} -/*相关美图*/ -.beauty-img{padding-bottom: .21rem;} -.beauty-img ul:before, .beauty-img ul:after{display: table; content: '';} -.beauty-img ul:after{clear: both;} -.beauty-img ul{*zoom: 1;} -.beauty-img ul li{float: left; width: 49%; margin-right: 2%; margin-top: .09rem;} -.beauty-img ul li:nth-child(2n+2){margin-right: 0;} -.beauty-img .img-box{position: relative} -.beauty-img .img-box span{position: absolute; right: .05rem; bottom: .06rem; display: inline-block; font-size: .1rem; color: #fff; background-color: rgba(0, 0, 0, .5); padding: .02rem .075rem; border-radius: .18rem} -.beauty-img ul li .name{font-size: .15rem; color: #333; height: .38rem; line-height: .38rem; padding: 0 .07rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; border: 1px solid #eaeaea; -webkit-box-shadow: 0 2px 8.91px 0.09px rgba(0, 0, 0, .05); box-shadow: 0 2px 8.91px 0.09px rgba(0, 0, 0, .05); -webkit-box-sizing: border-box; box-sizing: border-box;} -.beauty-img .more-area{margin-top: .24rem;} -.tags-content{padding-bottom: .15rem;} -/*tags*/ -.tags-content{padding-bottom: .15rem;} -.tags-detail:before, .tags-detail:after{display: table; content: '';} -.tags-detail:after{clear: both;} -.tags-detail{*zoom: 1;} -.tags-detail li{float: left; margin: .15rem .15rem 0 0; font-size: .13rem; padding: .03rem .1rem; background-color: #f5f5f5; border-radius: .23rem;} -.tags-detail li a{color: #666;} -.showmore-btn-box{text-align: center;} -.mip-showmore-btn, .mip-showmore-btn:active, .mip-showmore-btn:hover{padding: 0; background: transparent; border: 0 none;} -.mip-showmore-btn .hidden{display: none;} -.mip-showmore-btn .show{display: block; padding-right: .14rem; position: relative;} -.mip-showmore-btn .show:after{content: ''; position: absolute; width: .06rem; height: .06rem; border-top: .015rem solid #0065a8; border-right: .015rem solid #0065a8; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); right: 0; top: .05rem; margin-left: -.04rem} -.mip-showmore-open, .mip-showmore-btn{font-size: .13rem; color: #0065a8; margin: .12rem 0;} -.mip-showmore-open .hidden{display: block;} -.mip-showmore-open .show{display: none;} -.wx-banner{position: relative; padding: .14rem; background: #fff;} -.wx-banner .mip-layout-size-defined .mip-fill-content{bottom: auto;} -.wx-banner img.mip-fill-content{height: auto;} -.wx-banner .mip-carousel-indicator-wrapper{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 27%;} -.wx-banner .info-box{position: absolute; bottom: 0; top: 77.586%; left: 0; right: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: .07rem .12rem; align-items: center; border: 1px solid #e0e0e0; border-top: 0 none;} -.wx-banner .info-box .info{-webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} -.wx-banner .info-box .title{display: block; font-size: .12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} -.wx-banner .info-box .tit{display: block; font-size: .1rem; color: #999;} -.wx-banner .info-box .btn{display: block; font-size: .12rem; flex-shrink: 0; width: .72rem; line-height: .24rem; text-align: center; color: #ee2d1b; font-weight: bold; border: 1px solid #ee2d1b; border-radius: .05rem;} -.wx-banner .mip-carousel-indicatorDot .mip-carousel-indecator-item{background: hsla(0, 0%, 100%, .4);} -.wx-banner .mip-carousel-indicatorDot .mip-carousel-activeitem{background: #fff} -.mip-zhd{margin: .16rem 0 .2rem; border: 1px solid #ddd;} -.mip-zhd a{display: block; color: #333;} -.mip-zhd .info-box{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: .1rem;} -.mip-zhd .info-box .info{-webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: .1rem; overflow: hidden;} -.mip-zhd .info-box .tit{font-weight: bold; font-size: .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} -.mip-zhd .info-box .info-b{font-size: .13rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} -.mip-zhd .info-box .btn{-webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center;} -.mip-zhd .info-box .btn span{padding: .02rem .06rem; line-height: .2rem; font-size: .12rem; color: #ee2d1b; border: 1px solid #ee2d1b; border-radius: .03rem;} -.list-dl{padding: .16rem 0; border-bottom: 1px solid #d6d6d6;} -.list-dl:last-of-type{border-bottom: 0 none;} -.list-dl a{display: block;} -.list-dl dt{position: relative; width: 1.12rem; height: .76rem; margin-right: .1rem; overflow: hidden;} -.list-dl dt mip-img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} -.list-dl dd, .list-dl.style1 dd, .list-Section .list-dl dd{height: .76rem; overflow: hidden;} -.list-dl.style1 dd .title{height: .54rem; line-height: .27rem; font-size: .18rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} -.list-dl dd .info{margin-top: .1rem; line-height: 1; font-size: .11rem; color: #9f9f9f;} -.list-dl dd .name, .alone-section .name{margin-right: .08rem;} -.list-dl.style2 dd .title{font-size: .18rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} -.tt-crumbs{padding: .12rem .12rem .12rem .08rem; font-size: .13rem; color: #ccc; border-top: 1px solid #ecebeb} -.tt-crumbs .crumbs-title{margin: 0 .05rem} -.tt-crumbs .crumbs-title a{color: #ccc} -/*相关问题*/ -.aside-question{margin-top: .1rem; background: #fff;} -.aside-question .title{padding: .1rem .15rem .05rem; font-size: .16rem; font-weight: bold;} -.aside-question dl{padding: .1rem .12rem; border-bottom: 1px solid #ecebeb;} -.aside-question dl a{position: relative; display: block; height: .22rem; line-height: .22rem;} -.aside-question dt{position: absolute; left: 0; top: 0; right: .6rem; font-size: .16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} -.aside-question dd{position: absolute; right: 0; top: 0; font-size: .12rem; color: #999;} -.aside-question dd span{margin-right: .06rem; color: #f30;} -.find-answer{padding: .23rem .12rem .12rem;} -.find-answer .form-box{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0;} -.find-answer :-moz-placeholder{color: #c8c8c8;} -.find-answer ::-webkit-input-placeholder{color: #c8c8c8;} -.find-answer .form-box .input-box{-webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; height: .35rem; padding: .07rem; border: 1px solid #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: .04rem;} -.find-answer .form-box .input-txt{display: block; width: 100%; height: .2rem; line-height: .2rem; padding: 0; border: 0 none; font-size: .13rem;} -.find-answer .form-box .btn-box{position: relative; width: .9rem; height: .35rem; line-height: .35rem; margin-left: .12rem; padding: 0; font-size: .13rem; color: #fff; text-align: center; background: #ee2d1b; border-radius: .04rem;} -.find-answer .form-box .input-submit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;} -.find-answer .num-box{margin-top: .12rem; text-align: center; font-size: .12rem; color: #bbb;} -.find-answer .num-box .num{margin: 0 .03rem; color: #f30;} -.find-answer mip-form div{display: block;} -.find-answer mip-form .mip-form-target{display: none;} -@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 414px){html{font-size: 680%;}} -#MIP-LLIGTBOX-MASK{background: rgba(0, 0, 0, .4);} -.img_gongji{display: none;} -/*底通*/ -/* .footerzxbj-wrap{height: .5rem;} -.footerzxbj-box .ask-zxbj-banner{height: .5rem; position: relative;} -.footerzxbj-box .op-bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .6;} -.footerzxbj-box .bom-counter-screen{width: .88rem; background: #d2d1cc; padding: .05rem .04rem; position: absolute; bottom: .05rem; left: .1rem; z-index: 2; border-radius: .03rem;} -.footerzxbj-box .bom-screen-nexine{height: .16rem; padding: .05rem .03rem; border: 2px solid #333;} -.footerzxbj-box .bom-screen-nexine span{float: right; display: block; width: .1rem; height: .16rem; background: url(//mued3.jia.com/image/mobile/toutiao/number.png) no-repeat 0 0 / auto .16rem;} -.footerzxbj-box .bom-screen-nexine em{float: right; font-size: .106rem; margin-left: .02rem;} -.footerzxbj-box .zxbj-text{width: 50%; position: absolute; z-index: 2; left: 44%; top: 0;} -.footerzxbj-box .zxbj-text.text-dif{left: 35%;} -.footerzxbj-box .zxbj-text .tit{color: #fff600; font-size: .16rem; line-height: .23rem; margin-top: .04rem;} -.footerzxbj-box .zxbj-text p.des{color: #fff; font-size: .12rem;} -.footerzxbj-box .zxbj-text p.des em{color: #ff8400;} -.footerzxbj-box .calculate-btn{display: block; width: .65rem; height: .25rem; line-height: .25rem; font-size: .106rem; color: #fff; text-align: center; border-radius: .03rem; background: #ffa11a; position: absolute; top: .13rem; right: .1rem;} -.footerzxbj-box .T-screen-nexine span.num{display: none;} -.footerzxbj-box .T-screen-nexine span.num0{background-position: 1% 0;} -.footerzxbj-box .T-screen-nexine span.num1{background-position: 11% 0;} -.footerzxbj-box .T-screen-nexine span.num2{background-position: 23% 0;} -.footerzxbj-box .T-screen-nexine span.num3{background-position: 33% 0;} -.footerzxbj-box .T-screen-nexine span.num4{background-position: 45% 0;} -.footerzxbj-box .T-screen-nexine span.num5{background-position: 56% 0;} -.footerzxbj-box .T-screen-nexine span.num6{background-position: 67% 0;} -.footerzxbj-box .T-screen-nexine span.num7{background-position: 78% 0;} -.footerzxbj-box .T-screen-nexine span.num8{background-position: 89% 0;} -.footerzxbj-box .T-screen-nexine span.num9{background-position: 100% 0;} */ -mip-jia-footerzxbj .ask-zxbj-box .apply-input{position: relative;} -/*红包*/ -.fixed-hb{display:none;top: 50%; right: .12rem !important; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;} -.fixed-hb .hb-box{display: block; width: .4rem; height: .5rem; background: url("//mued3.jia.com/image/mobile/toutiao/hb_1000.png") no-repeat; background-size: 100%;} -.fixed-hb{right: 0 !important;} -.fixed-hb .hb-box{width: 1.1rem; height: .99rem; background: url("//mued3.jia.com/image/mobile/toutiao/hb_shake.gif") no-repeat; background-size: 100%;} -mip-jia-redpacketplus .popmask{z-index: 100001; background: rgba(0, 0, 0, 0.4);} -mip-jia-redpacketplus .hb-popup{z-index: 100005;} -.popup-maskEdit{z-index: 100008;} -/* 隐藏红包 by PC-2271 */ -/*.footerzxbj-box .hb-wrap, .fixed-hb, mip-jia-footertlplus .fixed-footer .fixed-footer-box .hb-wrap{display: none !important;}*/ -/*弹窗*/ -#sj-lightbox, #zx-lightbox{display: none; height: 100%;} -.lightbox{position: absolute; left: 5%; top: 50%; width: 90%; padding: 0 .2rem .12rem .2rem; background: #fff; border-radius: .05rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} -.lightbox:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: .9rem; background: url(//mued3.jia.com/image/mobile/toutiao/zxbm-bg.jpg) no-repeat; background-size: 100%; border-radius: .05rem .05rem 0 0;} -.lightbox .close{position: absolute; right: -.2rem; top: -0.5rem; width: .35rem; height: .35rem; background: url(//mued3.jia.com/image/mobile/double12/close.png) 0 0 no-repeat; background-size: 100%; z-index: 2;} -.lightbox .title{font-size: .1244rem; text-align: center; line-height: .18rem; padding-top: .05rem; color: #3aa0e4; z-index: 2; position: relative;} -#sj-lightbox .lightbox .title{font-size: .144rem; line-height: .26rem; text-align: center; padding-top: .14rem; color: #d00;} -#sj-lightbox .lightbox:before{display: none;} -.lightbox .big-title{font-size: .175rem; font-weight: bold; text-align: center; padding-top: .12rem; color: #3aa0e4; z-index: 2; position: relative; background-image: -webkit-linear-gradient(left, #219df3, #219df3 25%, #219df3 40%, #3bc5e8 55%, #3bc5e8 70%, #3bc5e8); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} -.lightbox .input-box{display: block; position: relative; padding: .08rem .1rem; line-height: .2rem; background: #f2f2f2; margin-bottom: .1rem; border-radius: .05rem;} -.lightbox .input-box:last-of-type{margin-bottom: .13rem;} -.lightbox .input-box:first-of-type{margin-top: .14rem;} -.lightbox .form-input, .lightbox .common-select{font-size: .1244rem; display: block; width: 100%; height: .2rem; line-height: .2rem; padding: 0; background: #f2f2f2; border-radius: .05rem; border: none;} -.lightbox .arrow, .lightbox .square-icon{position: absolute; right: .1rem; top: .08rem; font-size: .1245rem; color: #333;} -.lightbox .yusuan-box{display: block; width: 100%; margin-bottom: .1rem; padding: 0;} -.lightbox .yusuan-box .input-box{width: 31.6%; float: left; box-sizing: border-box; margin: 0 2.6% 0 0;} -.lightbox .yusuan-box .input-box:last-of-type{margin-right: 0;} -.lightbox .arrow{top: .12rem; right: .12rem; width: .07rem; height: .07rem; border-left: .01rem solid #666; border-bottom: .01rem solid #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);} -.lightbox .headline-btn{display: block; width: 100%; font-size: .136rem; padding: .08rem 0; text-align: center; line-height: .2rem; background: #ee2d1b; color: #fff; margin-bottom: .1rem; border-radius: .05rem;} -.lightbox .surplus-num{font-size: .1126rem; text-align: center; color: #333;} -.lightbox .surplus-num label{display: inline-block; color: #ee2d1b;} -/* 文章优惠券领取 */ -.coupons-form{display: -webkit-flex; display: flex; margin-top: .16rem; padding: .1rem; background: #d0291d;} -.coupons-form .input-box{padding: .1rem; border-radius: .04rem; background: #fff; -webkit-flex: 1; flex: 1;} -.coupons-form .form-input{height: .2rem; line-height: .2rem; padding: 0; font-size: .14rem; border: 0 none; background: transparent;} -.coupons-form .btn-box{width: .8rem; padding: .1rem 0; margin-left: .1rem; -webkit-flex-shrink: 0; flex-shrink: 0; background: -webkit-linear-gradient(left, #fef374, #f9a83a); background: linear-gradient(to right, #fef374, #f9a83a); border-radius: .04rem;} -.coupons-form .coupons-btn{display: block; font-size: .14rem; color: #920a01; text-align: center; line-height: .2rem; cursor: pointer;} -.coupons-form div{display: block; padding: 0; color: #333; font-size: .14rem; text-align: left;} -/* 底部客服 */ -.xiaoneng-swiper .swiper-slide{float: left; width: 2.4rem; height: .66rem;} -.xiaoneng-swiper .swiper-wrap{padding: .06rem 0;} -.xiaoneng-swiper mip-jia-swiper{height: .66rem; background: #efefef; overflow: hidden;} -.xiaoneng-swiper .xiaoneng-a{display: block; height: 100%; padding: .06rem .08rem; margin-right: .06rem; border: 1px solid #dedede; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} -.xiaoneng-swiper .xiaoneng-a .left{float: left; width: .54rem; height: .54rem; margin-right: .08rem; border-radius: 100%; background: url(//mued3.jia.com/image/mobile/userDefault.png) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid1.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon1.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid2.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon2.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid3.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon3.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid4.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon4.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid5.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon5.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid6.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon6.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid7.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon7.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-settingid8.xiaoneng-a .left{background: url(//mued3.jia.com/image/mobile/xiaoneng/xiaoneng-icon8.jpg) 0 0 no-repeat; background-size: 100%;} -.xiaoneng-swiper .xiaoneng-a .right{overflow: hidden;} -.xiaoneng-swiper .xiaoneng-a .title{padding: .02rem 0; font-size: .12rem; line-height: .15rem;} -.xiaoneng-swiper .xiaoneng-a .em{display: inline-block; padding: 0 .08rem; margin-right: .05rem; font-size: .095rem; color: #fff; background: #d00; border-radius: .15rem;} -.xiaoneng-swiper .xiaoneng-a .info{max-height: .28rem; margin-top: .04rem; font-size: .09rem; color: #666; line-height: .14rem; overflow: hidden;} -.xiaoneng-swiper .xiaoneng-settingid2.xiaoneng-a .left, .xiaoneng-swiper .xiaoneng-settingid4.xiaoneng-a .left{background-image: url(//mued3.jia.com/image/mobile/userDefault.png);} -.zj-recommend{position: relative; margin-bottom: .1rem; padding: .08rem; margin: .15rem .01rem; height: .85rem; background: #fff; box-shadow: 0px 2px .14rem 0px rgba(0, 0, 0, 0.08); border-radius: .1rem; box-sizing: border-box;} -.zj-recommend .recommend-img{float: left; width: .54rem; height: .54rem; border-radius: .05rem; border: 1px solid #ededed; margin-right: .05rem;} -.zj-recommend .recommend-info{overflow: hidden;} -.zj-recommend .recommend-info .title{font-size: .128rem; color: #000028; line-height: 1.5;} -.zj-recommend .recommend-info .wx-txt{font-size: .095rem; color: #999; margin-bottom: 0; margin-top: 0; line-height: 1.5;} -.zj-recommend .recommend-info label{color: #dd0000;} -.zj-recommend .recommend-info .info{font-size: .095rem; margin-bottom: 0; margin-top: 0; line-height: 1.5;} -.zj-recommend .circle-symbol{display: inline-block; background-color: #daeef9; color: #32aee8; font-size: .06rem; border-bottom-left-radius: .05rem; border-top-right-radius: .05rem; margin-left: .05rem; height: .12rem; line-height: .12rem; padding: 0 .04rem; vertical-align: top; margin-top: .04rem;} -.zj-recommend .level-icon{display: inline-block; margin-left: .05rem; width: .29rem; height: .12rem; background: url(//mued3.jia.com/image/mobile/toutiao/v5_logo.png) no-repeat; background-size: 100%; vertical-align: top; margin-top: .04rem;} -.gzh{color: red; font-weight: bold;} -/*下载app*/ -.article-downApp{display: block; width: 100%; margin-top: .16rem; border: 1px solid #dfdfdf; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 9px;} -.article-downApp .downApp-cont{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.12rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.65rem;} -.article-downApp .downApp-cont .logo{width: 0.37rem; height: 0.37rem; border-radius: 50%; border: 1px solid #efefef; overflow: hidden; margin-right: 0.09rem; padding: 0.02rem;} -.article-downApp .downApp-cont .text{font-size: 0.128rem; color: #333; line-height: 1.2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} -.article-downApp .downApp-cont #downApp-btn{width: 0.83rem; border-radius: 0.29rem; display: block; font-size: 0.128rem; color: #fff; line-height: 0.29rem; text-align: center; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 45, 27)), to(rgb(255, 102, 51))); background: -webkit-linear-gradient(top, rgb(238, 45, 27) 0%, rgb(255, 102, 51) 100%); background: -o-linear-gradient(top, rgb(238, 45, 27) 0%, rgb(255, 102, 51) 100%); background: linear-gradient(-180deg, rgb(238, 45, 27) 0%, rgb(255, 102, 51) 100%); -webkit-box-shadow: 0px 9px 26px 0px rgba(238, 45, 27, 0.3); box-shadow: 0px 9px 26px 0px rgba(238, 45, 27, 0.3); position: relative; margin-left: 0.38rem;} -/*神马样式优化*/ -mip-jia-footerzxbj .toutiao-ask-zxbj{z-index: 10002 !important;} -/*建材加盟底通*/ -.footerjcjm-wrap{height: 0.47rem;} -#jm-lightbox, #success-lightbox{display: none; height: 100%;} -#success-lightbox.cur{display: block;} -.area-layer{z-index: 10002 !important;} -.jcjm-footer{height: 0.47rem; background-color: #fff; z-index: 29; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 2px 2px 26px rgba(11, 23, 58, .1); box-shadow: 2px 2px 26px rgba(11, 23, 58, .1); padding: 0 0.12rem; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} -.jcjm-footer .jcjm-zl{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0.42rem 0 0.3rem;} -.jcjm-footer .icon{display: block; width: 0.13rem; height: 0.16rem; background: url("//mued3.jia.com/image/mobile/toutiao/material-icon.png") no-repeat; background-size: 100%; margin: 0 auto;} -.jcjm-footer .txt{font-size: 0.095rem; text-align: center; margin-top: 0.05rem;} -.jcjm-footer .jcjm-btn{display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0.33rem; line-height: 0.33rem; color: #fff; font-size: 0.13rem; font-weight: bold; text-align: center; background: -webkit-gradient(linear, left top, right top, from(rgba(241, 97, 48, 1.0)), to(rgba(238, 45, 27, 1.0))); background: -webkit-linear-gradient(left, rgba(241, 97, 48, 1.0), rgba(238, 45, 27, 1.0)); background: -o-linear-gradient(left, rgba(241, 97, 48, 1.0), rgba(238, 45, 27, 1.0)); background: linear-gradient(to right, rgba(241, 97, 48, 1.0), rgba(238, 45, 27, 1.0)); border-radius: 0.33rem;} -/*建材加盟弹窗*/ -.jcjm-pop-box{position: absolute; left: 10%; top: 50%; width: 80%; padding: 0.27rem 0.17rem; background: #fff; border-radius: .05rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} -.jcjm-pop-box .close{display: block; position: absolute; top: -0.2rem; right: -0.1rem; width: .17rem; height: .17rem; background: url(//mued3.jia.com/image/mobile/zhuangxiu/company-popClose.png) center center no-repeat; background-size: 0.1rem; z-index: 3;} -.jcjm-pop-box .jm-title{font-size: 0.145rem; font-weight: bold; text-align: center; line-height: 1;} -.jcjm-pop-box .jm-txt{font-size: 0.11rem; margin-top: 0.12rem; text-align: center; line-height: 1;} -.jcjm-pop-box .jm-input-box{border-bottom: 1px solid #e0e0e0; padding: 0.19rem 0 0.05rem 0; display: -webkit-box; display: -ms-flexbox; display: flex;} -.jcjm-pop-box .jm-input-box .icon{width: 0.15rem; height: 0.15rem; background: url("//mued3.jia.com/image/mobile/toutiao/jcjm-bm-icon.png") no-repeat; background-size: 100%; margin: 0.02rem 0.06rem 0 0;} -.jcjm-pop-box .jm-input-box .icon.icon2{background-position: 0 43%;} -.jcjm-pop-box .jm-input-box .icon.icon3{background-position: 0 86%;} -.jcjm-pop-box .jm-input-box .input{height: 0.2rem; line-height: 0.2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.12rem; padding: 0; border: 0;} -.jcjm-pop-box .jmbm-btn{display: block; margin: 0.3rem 0.25rem 0 0.25rem; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 93, 50, 1.0)), to(rgba(254, 43, 43, 1.0))); background: -webkit-linear-gradient(left, rgba(255, 93, 50, 1.0), rgba(254, 43, 43, 1.0)); background: -o-linear-gradient(left, rgba(255, 93, 50, 1.0), rgba(254, 43, 43, 1.0)); background: linear-gradient(to right, rgba(255, 93, 50, 1.0), rgba(254, 43, 43, 1.0)); height: 0.41rem; line-height: 0.41rem; border-radius: 0.41rem; text-align: center; font-size: 0.13rem; color: #fff; -webkit-box-shadow: 0 4px 13px rgba(238, 45, 27, .35); box-shadow: 0 4px 13px rgba(238, 45, 27, .35);} -.reply-suc{width: 80%; background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; padding: 0.34rem 0; z-index: 98; border-radius: 0.08rem; box-sizing: border-box;} -.reply-suc .close{position: absolute; right: 0.12rem; top: 0.08rem; z-index: 9; width: 0.16rem; height: 0.16rem; background: url(//mued3.jia.com/image/mobile/zhuangxiu/company-popClose.png) center center no-repeat; background-size: .12rem;} -.reply-suc .icon{display: block; width: 0.4rem; height: 0.4rem; margin: 0 auto; background: url(//mued3.jia.com/image/mobile/activity/qyhz/suc_icon.png) 0 0 no-repeat; background-size: 100%; z-index: 10; position: relative;} -.reply-suc .title{font-size: 0.13rem; line-height: 0.2rem; margin: 0.1rem 0; padding: 0 .22rem;} -.jcjm-pop-box.jcjm .input:-moz-placeholder{color: #333;} -.jcjm-pop-box.jcjm .input::-webkit-input-placeholder{color: #333;} -/*建材加盟*/ -.reply-form-bg{background: #fff; padding: 0.18rem 0.12rem; margin-top: -0.07rem;} -.reply-form{padding: .2rem .1rem; border: 1px solid #E7E7E7; border-radius: 0.05rem; box-sizing: border-box; background: #F8F4F1;} -.reply-form h3{text-align: center; color: #000028; font-size: .18rem; margin-bottom: 0.18rem;} -.reply-form h3 span{font-weight: 700; padding: 0 .05rem; position: relative;} -.reply-form h3 span:before{display: block; content: ''; width: .14rem; height: .1rem; background: url(//mued3.jia.com/image/jcjm/bef.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: -.19rem; margin-top: -0.05rem;} -.reply-form h3 span:after{display: block; content: ''; width: .14rem; height: .1rem; background: url(//mued3.jia.com/image/jcjm/aft.png) no-repeat 0 0/100%; position: absolute; top: 50%; right: -.19rem; margin-top: -0.05rem;} -.reply-form h3 label{display:inline;font-weight: bold; color: #FF9129; margin-left: 0.06rem;} -.reply-form .input_box{padding: .06rem .12rem; margin-top: .11rem; background: #fff; border-radius: .04rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;} -.reply-form .input_box .icon{position: relative; width: 0.13rem; height: 0.13rem; background: url("//mued3.jia.com/image/mobile/toutiao/jcjm-bm-icon.png") no-repeat; background-size: 100%; margin: 0.03rem 0.1rem 0 0;} -.reply-form .input_box .icon:after{content: ''; position: absolute; top: 0; left: 0.18rem; width: 1px; height: 0.15rem; background: #ddd;} -.reply-form .input_box .icon.icon2{background-position: 0 43%;} -.reply-form .input_box input{display: block; width: 100%; height: .2rem; line-height: .2rem; font-size: .13rem; cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;padding:0;border:none;} -.reply-form .get_reply{display: block; width: 80%; height: .38rem; line-height: .38rem; margin: .2rem auto 0; text-align: center; font-size: .128rem; font-weight: bold; color: #fff; background: linear-gradient(90deg, #ff4f38, #e53817); border-radius: .2rem; box-shadow: 0px 0.04rem 0.04rem 0px #facdc7;} -.reply-form .textarea-box{display:block;width: 100%; padding: .1rem; box-sizing: border-box; background: #fff; margin-top: .1rem; border-radius: .04rem;} -.reply-form .textarea-box textarea{border:none;font-family: "Microsoft YaHei", "Helvetica", "Helvetica Neue", sans-serif; height: 0.45rem; width: 100%; background: none; font-size: .13rem; resize: none; line-height: 0.15rem;} -.reply-form .tips_txt{font-size: .1rem; text-align: center; color: #999999; margin-top: .18rem;} -mip-form div{display:block;padding:0;color:#333;} -.popup-maskedit{z-index:100009!important;} - -.cash-get-popup{display:none!important;position:fixed;z-index:9999;left:50%;top:0;width:100%;height:100%; background:rgba(0,0,0,.6);max-width:640px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);} -.cash-get-popup .pop-wrap-a{position:absolute;left:14%;top:50%;width:74%;margin-top:-1.33rem;padding-top:86%;background:url("//mued3.jia.com/image/mobile/toutiao/cash_10_bg.png");background-size:100%;border-radius:.05rem;box-sizing:border-box;} -.cash-get-popup .pop-wrap-a.hide{ display:none;} -.cash-get-popup .pop-wrap-a.show{ display:block;} -.cash-get-popup .cash-close{position:absolute;right:8%;top:50%;width:.24rem;height:.24rem;margin-top: -1.4rem;background:url("//mued3.jia.com/image/mobile/toutiao/lq-close-icon.png") 0 0 no-repeat;background-size:100%;} -.cash-get-popup.isShow{display:block;} -.cash-get-popup.isHide{display:none;} -.scale_p{ width:76%; height: .36rem; background:linear-gradient(0deg,rgba(255,201,110,1) 0%,rgba(255,238,202,1) 100%);box-shadow:0px 0px 10px 0px rgba(190,15,13,0.3);border-radius:.18rem;position: absolute;bottom: .2rem;left: 12%;font-size: .16rem;line-height: .36rem;color: #DB372B;font-weight: 700;text-align: center;-moz-animation: drawShake .8s infinite;-webkit-animation: drawShake .8s infinite;animation: drawShake .8s infinite;} -.scale_p i,.cash_get_btn i{width: .19rem; height: .19rem; background:url("//mued3.jia.com/image/mobile/toutiao/hb_icon.png") no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;margin-right: .14rem;} -.cash_get_btn i{width: .15rem; height: .17rem; background:url("//mued3.jia.com/image/mobile/toutiao/hb_icon_s.png") no-repeat;background-size: 100%;vertical-align: top;position: relative;top:.1rem;} -.get_inner{ position: absolute;left: 10%;top: 50%;width: 80%;margin-top: -1.33rem;padding-top: 89%;background: url(//mued3.jia.com/image/mobile/toutiao/get_bg.png) no-repeat;background-size: 100%;border-radius: .05rem;box-sizing: border-box;display: none;} -.get_inner.show{ display:block;} -.get_inner.hide{ display:none;} -.get_inner .inner_box{position: absolute;top:0;left: 0;padding-top:26%;width: 100%;} -.get_inner .input-box{font-size: .14rem;width:2.07rem;margin:0 auto;display: block;box-sizing: border-box;background:#fff;border-radius: .2rem;padding: .1rem .14rem;} -.get_inner .input-box .lq-mobile{ display:block; width:100%; height:.2rem; line-height:.2rem; padding:0; font-size:.13rem; border:0 none;} -.get_inner .btn-box{ position:relative; width:2.07rem;padding:.2rem 0; margin:0 auto;} -.cash_get_btn{ position:relative; display: block;width:100%;height: .36rem;line-height: .36rem;text-align: center;color: #FF6A5F;font-weight: 700;font-size: .16rem;background:rgba(255,222,222,1);box-shadow:0px 0px 10px 0px rgba(190,15,13,0.3);border-radius:.2rem;} -.cash_get_btn.cur{background:linear-gradient(0deg,rgba(255,201,110,1) 0%,rgba(255,238,202,1) 100%);box-shadow:0px 0px 10px 0px rgba(190,15,13,0.3);color: #DB372B;} -@-moz-keyframes drawShake { - 0% { - transform:scale(0.8) - } - 50% { - transform:scale(1) - } - - 100% { - transform:scale(0.8) - } -} -@-webkit-keyframes drawShake { - 0% { - transform:scale(0.8) - } - 50% { - transform:scale(1) - } - - 100% { - transform:scale(0.8) - } -} -@keyframes drawShake { - 0% { - transform:scale(0.8) - } - 50% { - transform:scale(1) - } - - 100% { - transform:scale(0.8) - } -} - -.online-service{display: block;position: fixed;cursor: pointer;z-index: 97;right: 0.2rem;bottom: 1.6rem;width: 0.65rem;height: 0.65rem;} - -/*底通*/ -.tt-crumbs + .footerzxbj-wrap-four{ height:.52rem;} -.footerzxbj-box { position: relative; z-index: 999; height: .42rem;padding: .05rem .05rem .1rem .05rem; background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex;} -.footerzxbj-box::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e0e0e0;} -.footerzxbj-box .item { text-align: center; line-height: 1; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0;} -.footerzxbj-box .item .icon { display: inline-block; margin-top: .05rem; width: .17rem; height: .19rem; background: url(//mued3.jia.com/image/mobile/toutiao/fix-icons.png) 0 0 no-repeat; background-size: 100%; vertical-align: top;} -.footerzxbj-box .item .pos1 { background-position: 0 0;} -.footerzxbj-box .item .pos2 { background-position: 0 33.33%;} -.footerzxbj-box .item .pos3 { background-position: 0 66.67%;} -.footerzxbj-box .item .pos4 { background-position: 0 100%;} -.footerzxbj-box .item .txt { margin-top: .02rem; font-size: .12rem; line-height: .16rem; color: #666;} -.footerzxbj-box .hb-wrap { position: static; display: none !important; width: .51rem; height: .41rem; background: url(//mued3.jia.com/image/mobile/toutiao/fix-hb-1.png) 0 0 no-repeat; background-size: 100%; cursor:pointer;} -mip-jia-footertlplus .fixed-footer-box .hb-wrap { - display: none!important; -} -/*报价*/ -.counter-box{margin-bottom: .08rem; background: #F5F6F9; border-radius: .04rem; padding: 0 .1rem; box-sizing: border-box; width: 100%; height: 0.39rem; display: flex; align-items: center; justify-content: space-between;} -.counter-box div{ display:block;} -.counter-box .dt{flex: 0 0 auto; color: #848494; font-size: .125rem;} -.counter-box .dd{flex: 0 0 auto; overflow: hidden} -.counter-box .unit{display: inline-block; margin-left: .06rem; font-size: .1rem; line-height: 1; vertical-align: bottom; color: #848494;} -.counter-box b{display: inline-block; width: .13rem; height: .2rem; background: url(https://mued3.jia.com/image/mobile/activity/bdhd/counter-icons.png) -100% -100%/auto 100% no-repeat; vertical-align: top} -.counter-box .num0{background-position: 0 0} -.counter-box .num1{background-position: 11.11% 0} -.counter-box .num2{background-position: 22.22% 0} -.counter-box .num3{background-position: 33.33% 0} -.counter-box .num4{background-position: 44.44% 0} -.counter-box .num5{background-position: 55.56% 0} -.counter-box .num6{background-position: 66.67% 0} -.counter-box .num7{background-position: 77.78% 0} -.counter-box .num8{background-position: 88.89% 0} -.counter-box .num9{background-position: 100% 0} -.baojia-order .form-box{ display:block; width: 100%; padding:0;} -.baojia-order .form-box div{ display:block;} -.baojia-order .form-box .area-layer{ display:none; padding:0; will-change:transform; } -.baojia-order .form-box .form-item{display: flex; margin-bottom: 0.08rem; padding:0;justify-content: space-between;} -.baojia-order .form-item .input-box{width: 100%;height: 0.36rem;border-radius: 0.04rem;border: 1px solid #E0E0E0;padding: 0.1rem;box-sizing: border-box;} -.baojia-order .form-item.two .input-box{width:48.5%;position: relative;font-size: 0;} -.baojia-order .form-item .input-box .arr{width: 0.07rem;height: 0.04rem;display: block;background: url('https://mued3.jia.com/image/mobile/toutiao/input-city-arr.png') no-repeat;background-size: 100% 100%;position: absolute;right: 0.1rem;top: 50%;margin-top: -0.02rem;} -.baojia-order .form-item .input-box .unit{font-size: 0.14rem;line-height: 1;color: #848494;position: absolute;right: 0.13rem;top: 50%;transform: translateY(-50%);} -.baojia-order .form-item .input-box input{display: block;width: 100%;height: 100%;line-height: 1;font-size: 0.125rem;color: #848494;padding: 0;margin: 0;border: none;background: #fff;} -.baojia-order .order-btn{display: block;height:.36rem;background:linear-gradient(-90deg,rgba(254,43,43,1),rgba(255,93,50,1));border-radius:0.04rem;margin: 0.08rem auto 0;font-size: 0.145rem;font-weight: bold;color: #fff;line-height: 0.36rem;text-align: center;} -.rule-box{ padding:.05rem 0 0;font-size: .1rem; line-height: .14rem; color: #848494; display: flex; align-items: center;} -.rule-box label{ display:inline;} -.rule-box .check-box{position: relative; display: inline-block; width: .11rem; height: .11rem; margin-top:.015rem; margin-right: .05rem; vertical-align: top} -.rule-box .input-check{position: absolute; left: 0; top: 0; display: block; width: .11rem; height: .11rem; opacity: 0} -.rule-box .check-icon{display: block; width: .11rem; height: .11rem; background: url('https://mued3.jia.com/image/mobile/toutiao/check-icon-un.png') 0 100% no-repeat; background-size: 100%; vertical-align: top} -.rule-box .check-icon.cur{background: url('https://mued3.jia.com/image/mobile/toutiao/check-icon-select.png') 0 100% no-repeat; background-size: 100%;} -.rule-box a{color: #333; text-decoration: underline; cursor: pointer} -.baojia-box{background:#fff;margin-top:.09rem;padding:.16rem .12rem;} -.baojia-box .bj-title{font-size:.17rem;color:#121529;text-align:center;margin-bottom:.12rem;} - - -/*图库*/.picture-box{padding: 0 .15rem .15rem} -.picture-box .list-a{position:relative;margin-top: .1rem;padding-bottom: .05rem;width: 48%;padding-right: 0;float: left;box-sizing: border-box;background: #fff;border:1px solid #f0f0f0;} -.picture-box .list-a:nth-child(2n+1){margin-right: 4%} -.picture-box .list-a .list-img{display:block;position:relative;padding-top:80%;width:100%;overflow:hidden;background:#F6F5F3;} -.picture-box .list-a .title{max-height: .36rem;padding: .05rem .05rem 0 .05rem;font-size: .11rem;line-height: .18rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} -.picture-box .list-a .info{position: absolute;font-size: .095rem;color: #fff;left: 0;bottom: .28rem;width: 100%;padding: .07rem;text-align: right;box-sizing: border-box;background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.55)),color-stop(0.05,rgba(0,0,0,0.55)),color-stop(.5,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.55),rgba(0,0,0,0.55) 5%,rgba(0,0,0,0) 90%,rgba(0,0,0,0));background: linear-gradient(to top,rgba(0,0,0,0.55),rgba(0,0,0,0.55) 5%,rgba(0,0,0,0) 90%,rgba(0,0,0,0))} -.picture-box img.lazy{height: 1.08rem} -.picture-box img{height: 1.08rem!important;display: block;object-fit: cover;} -/*案例*/.anli-box{padding: 0 .15rem .15rem} -.anli-box .img-item-a{float: left;width: 48%;margin:.12rem 4% 0 0;background: #fff;box-shadow: 0 0 1px 0 #d1d1d1;box-sizing: border-box;} -.anli-box .img-item-a:nth-child(2n+2){margin-right: 0;} -.anli-box .img-item-a.bj-item .pic{padding-top: 68%;} -.anli-box .img-item-a.bj-item .info{padding: 0.12rem;text-align: center;} -.anli-box .img-item-a .pic{position: relative;padding-top: 100%;} -.anli-box .img-item-a .pic mip-img{position:absolute;left:0;top:0;width:100%;height:100%;} -.anli-box .img-item-a .info{position: relative;padding: 0.1rem 0.08rem;} -.anli-box .img-item-a .info .photo{position: absolute;top: 50%;left: 0.08rem;width: 0.22rem;height: 0.22rem;margin-top: -.11rem;overflow: hidden;} -.anli-box .img-item-a .info .photo img{width: 100%;height: 100%;border-radius: 50%;vertical-align: top;} -.anli-box .img-item-a .info .personal-info{width: 100%;padding-left: 0.27rem;font-size: 0.1rem;box-sizing: border-box;} -.anli-box .img-item-a .info .personal-info .style{color: #000;margin-bottom: 0.03rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} -.anli-box .img-item-a .info .personal-info .info-content{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} -.anli-box .img-item-a .info .title{font-size: 0.083rem;color: #666;margin-top: 0.05rem;} -.anli-box .img-item-a .info .sub-tit{font-size: 0.1245rem;margin-top: 0.06rem;} -.anli-box .img-item-a .info .go-btn{display: inline-block;font-size: 0.08rem;color: #fff;padding: 0.03rem 0.17rem;margin-top: 0.06rem;background: -webkit-linear-gradient(left, #90ce35, #39d3d2);background: linear-gradient(to right, #90ce35, #39d3d2);border-radius: 0.2rem;} -.anli-box .d-title{font-size: .1425rem;font-weight: bold;padding: .1rem .08rem 0 .08rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.2;} -/*装修公司*/.swiper_contents{padding:0 0.15rem;overflow:hidden;} -.screen-outer{height: .38rem;background: #fff;} -.condition-screen{width: 100%;max-width: 640px;height: .38rem;position: relative;z-index: 9;/*border-top: 1px solid rgba(224,224,224,1);*/} -.condition-screen .menu-nav{position: relative;z-index: 10;height: .38rem;padding: .1rem 0.12rem;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;} -.condition-screen .menu-nav .nav-a{display: block;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 33.3%;height: .18rem;line-height: .18rem;text-align: center;font-size: .1185rem;color: #333; cursor:pointer;} -.condition-screen .menu-nav .nav-a.active ,.condition-screen .menu-nav .nav-a.in{color: #d00;} -.condition-screen .menu-nav .nav-a i{width: .09rem;height: .056rem;display: inline-block;vertical-align: text-top;margin: .055rem 0 0 .05rem;background: url(//mued3.jia.com/image/mobile/zhuangxiu/zxgs/list-arrow-icon.png);background-size: 100%;} -.condition-screen .menu-nav .nav-a.active i{background-position: 0 100%;} -.condition-screen .menu-nav .nav-a.in i{background: url(//mued3.jia.com/image/mobile/zhuangxiu/zxgs/list-arrowIn-icon.png);background-size: 100%;} -.nav-popmask{position: absolute;display: none;top: 0;left: 0;right: 0;bottom: 0;z-index: 8;width: 100%;height: 60rem;background: rgba(0,0,0,.4);} -.nav-popmask.show{ display:block;} -.screen-option{width: 100%;position: absolute;left: 0;top: .38rem;background: #fff;z-index: 100;/*border-top: 1px solid #f0efef;*/} -.factor-list{ display:none;} -.screen-option.city .city-list,.screen-option.sort .sort-list,.screen-option.filter .screen-list{ display:block;} -.screen-option .city-list{/* padding: 0.08rem 0.13rem 0 0.13rem;*/} -.screen-option .city-list ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;/*justify-content: space-between;*/padding: 0.13rem 0 0.13rem 0.04rem;} -.screen-option ul li{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;/* height: 0.36rem;*//* line-height: 0.36rem;*/} -.screen-option .sort-list ul li{/*height: 0.36rem;*//*line-height: 0.36rem;*/} -.screen-option .city-list li{width: .665rem;margin: 0 0 .13rem;margin-left:0.09rem;overflow: hidden;} -.screen-option ul li span{display: block;/*border: 1px solid #f5f5f5;*/text-align: center;border-radius: 0.02rem;color:rgba(18,21,41,1);background: #f5f5f5;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding-bottom: 0.15rem;} -.zx-screening{padding: 0 0.12rem;} -.screen-option .city-list li span{height: .25rem;line-height: .25rem;font-size: .111rem; cursor:pointer;} -.screen-option .city-list li.cur span,.screen-option .screen-list li.cur span{color: #ee2d1b;/*border-color: #f8a69f;*/background: #fef4f3;} -.city-list .current-city-bar{height: .18rem;line-height: .18rem;padding: .12rem 0;border-top: 1px solid #ebebeb;position: relative;} -.city-list .current-city-bar label{padding: 0 0 0 .1rem;color: #999;font-size: 0.128rem;} -.city-list .current-city-bar span{color: #333;font-size: 0.128rem;} -.city-list .current-city-bar a{font-size: 0.128rem;color: #333;padding: .12rem .11rem;position: absolute;right: 0;top: 0;} -.city-list .current-city-bar a i{border-style: solid;border-color: #333 transparent transparent #333;border-width: .01rem 0 0 .01rem;width: .06rem;height: .06rem;display: inline-block;-ms-transform: rotate(135deg);transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);margin: 0 0 .03rem .055rem;vertical-align: middle;} -.screen-option .screen-list .condition{padding: .1rem 0 0 0;margin-bottom: 0.12rem;} -.screen-option .screen-list .condition p{padding-bottom: .14rem;font-size: 0.12rem;font-weight: bold;line-height: 0.12rem;padding-left: 0.12rem;} -.screen-option .screen-list .condition ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 0.04rem 0 0.12rem;} -.screen-option .screen-list li{width: .66rem;margin: 0 0.095rem .13rem 0;} -.screen-option .screen-list li span{height: .25rem;line-height: .25rem;font-size: .111rem; cursor:pointer;} -.screen-option .screen-list .condi-fwbz{border: 0;} -.screen-option .screen-list .screen-op-btn{padding: 0.13rem 0 0.075rem 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} -.screen-op-btn span{display: block;width: 1.32rem;height: 0.33rem;border-radius: 0.33rem;text-align: center;line-height: 0.33rem;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 0.125rem;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; cursor:pointer;} -.screen-op-btn .screen-reset{color: #333;background-color: #fff;border: 1px solid #ebebeb; cursor:pointer;} -.screen-op-btn .screen-ensure{color: #fff;background:linear-gradient(-90deg,rgba(254,43,43,1) 0%,rgba(255,93,50,1) 100%);border: 1px solid #f15d2d; cursor:pointer;} -.screen-option .sort-list li span{font-size: 0.12rem;font-weight:500;color:rgba(18,21,41,1);background: #fff;border: none;/*padding-left: 0.36rem;*/text-align: left;display: block;width: 100%;height: 100%;} -.screen-option .sort-list li .zx-span{ display:flex;} -.zx-screening li{border-bottom: 1px solid rgba(236,235,235,1);margin-top: 0.15rem;} -.zx-screening li:last-child{border-bottom: 1px solid white ;} -.screen-option .sort-list li.cur span{color: #ee2d1b;} - .condition-screen.fixed, .succeed-layer{position: fixed;top:0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} -.zxcompany-list{padding: 0 0.13rem 0.2rem 0.13rem;} -.zxcompany-list-cont{/*margin-top: 0.1rem;*/} -.other-section .no-more{font-size:0.11rem;color: #999;text-align: center;padding: 0.2rem 0;} -.zxgs-default{width: 100%;padding-top: 0.55rem;text-align: center;padding-bottom: 2rem;} -.zxgs-default .img{width: 0.77rem;height: auto; margin:0 auto;} -.zxgs-default p{font-size: 0.111rem;color: #333;margin-top: 0.13rem;} -.zxgs-default .cleanr-screen{display: inline-block;width:1.49rem;height:0.34rem;background:-webkit-gradient(linear,right top, left top,from(rgba(238,45,27,1)),to(rgba(255,93,50,1)));background:-webkit-linear-gradient(right,rgba(238,45,27,1) 0%,rgba(255,93,50,1) 100%);background:-o-linear-gradient(right,rgba(238,45,27,1) 0%,rgba(255,93,50,1) 100%);background:linear-gradient(-90deg,rgba(238,45,27,1) 0%,rgba(255,93,50,1) 100%);border-radius:0.17rem;font-size: 0.13rem;line-height: 0.34rem;color: #fff;margin-top: 0.3rem;} -.zxcompany-list .ruzhu-jia{display: block;margin: 0 auto;font-size:0.13rem;color: #333;text-align: center;margin-top: 0.2rem;width:2.77rem;height:0.34rem;line-height: 0.34rem;background:rgba(255,255,255,1);border:1px solid rgba(224,224,224,1);border-radius:0.04rem;} -.zxcompany-list .company-item{border-radius: 6px;background-color: rgb(255, 255, 255);/*-webkit-box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(11, 23, 58, 0.1);*//*box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(11, 23, 58, 0.1);*/width: 100%;padding: 0.12rem 0 0.1rem 0;-webkit-box-sizing: border-box;box-sizing: border-box;padding-bottom: 0.11rem;} -.company-item{border-bottom: 1px solid #f7f8fa;border-radius:0 !important;padding: 0.12rem 0 0.18rem 0!important;} -.zxcompany-list .company-item dl{/* margin-bottom: 0.05rem;*/} -.zxcompany-list .company-item dt{float: left;width: 7%;height: 7%;margin-right: 3%;border-radius: 50%;overflow: hidden;position: relative;border: 1px solid #e7e7e7;-webkit-box-sizing: border-box;box-sizing: border-box;font-size:0;} -.zxcompany-list .company-item dt img{width: 100%;height: 100%;-o-object-fit:cover;object-fit:cover;} -.zxcompany-list .company-item dd{float: left;width: 90%;position: relative;} -.zxcompany-list dd .company-name{font-size: 0;margin: 0;line-height:1.3;} -.zxcompany-list dd .company-name .name{font-size: 0.14rem;color: #333;font-weight: bold;} -.zxcompany-list dd .company-name i{display: inline-block;width: 0.15rem;height: 0.15rem;background: url('//mued3.jia.com/image/mobile/zhuangxiu/zxcompany-icon.png') no-repeat;background-size: auto 100%;margin-left: 0.06rem;vertical-align: -0.02rem;} -.zxcompany-list dd .company-name i.topTen{width: 0.37rem;} -.zxcompany-list dd .company-name i.quan{width: 0.15rem;background-position: 68% 0;} -.zxcompany-list dd .company-name i.cu{width: 0.15rem;background-position: 100% 0;} -.zxcompany-list dd .range{position: absolute;top: 0.05rem;right: 0;font-size: 0.09rem;color: #999;line-height:1.1;cursor: pointer;z-index: 7;} -.zxcompany-list .rate-star{width: 0.6rem;height: 0.11rem;background: url('//mued3.jia.com/image/zx-new/zx-star.png') no-repeat;background-size: 100% 200%;position: relative;float: left;margin-top: 0.04rem;} -.zx-template{position: relative;width: 0.85rem;height: 0.85rem;background: #F6F5F3;} -.zx-template .loading,.picture-box img.loading,.picture-box img{position:absolute;background:none;width:.4rem;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);} -.picture-box img{width:100%;} -picture-box img.loading{height:auto!important;} -.zx-video{width: 0.18rem;height: 0.18rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} -.condi-ysfw{display: none;} -.zxcompany-list .info-star span{display: block;float: left;font-size: 0.1rem;line-height: 0.1rem;margin-left: 0.04rem;font-weight:500;color:rgba(18,21,41,1);margin-top: 0.05rem;} -.zxcompany-list .rate-star .star-lit{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 0.11rem;background: url('//mued3.jia.com/image/zx-new/zx-star.png') no-repeat;background-position: 0 -0.123rem;background-size: 0.595rem auto;/*margin-top: 0.05rem;*/} -.zx_type_money{font-weight:500;color:rgba(132,132,148,1);font-size: 0.1rem;margin-top: 0.05rem;} -.zxcompany-list .company-info{font-size: 0.09rem;line-height: 1.1;color: #666;margin-top: 0.07rem;} -.zxcompany-list .company-info span{margin-right: 0.07rem;} -.zxcompany-list .company-info span i{margin-left: 0.02rem;} -.zxcompany-list .medalTag{margin: 0.06rem 0 0 0;line-height: 0;overflow:hidden;/* white-space: nowrap;*/height: 0.15rem;} -.zxcompany-list .tag-list{display: inline-block;font-size: 0.09rem;color: #c7a550;background: #fbf4e4;line-height: 1;padding: 0.03rem 0.04rem;margin-left: 0.045rem;margin-bottom: 0.01rem;} -.zxcompany-list .tag-list:first-child{margin:0;} -.zxcompany-list .medalTag i{display: inline-block;position: relative;height: 0.15rem;border-top-right-radius: 0.15rem;border-bottom-right-radius: 0.15rem;line-height:0.15rem;padding: 0 0.05rem 0 0.1rem;background:#b0f5dd;color: #00a97b;font-size: 0.094rem;margin-left: 0.13rem;} -.zxcompany-list .medalTag i:first-child{margin-left: 0.07rem;} -.zxcompany-list .medalTag i.popular-rank{background: #ffdad6;color: #ff4e2a;} -.zxcompany-list .medalTag i.build-rank{background: #c3e4fa;color: #008ff1;} -.zxcompany-list .medalTag i:before{content: '';display: block;position: absolute;top: -0.01rem;left: -0.07rem;width: 0.145rem;height: 0.17rem;background: url('//mued3.jia.com/image/mobile/zhuangxiu/company-rank-icon.png') no-repeat;background-size: 100% auto;} -.zxcompany-list .medalTag i.popular-rank:before{background: url('//mued3.jia.com/image/mobile/zhuangxiu/company-rank-icon.png') no-repeat;background-size: 100% auto;background-position: 0 -0.2rem;} -.zxcompany-list .medalTag i.build-rank:before{background: url('//mued3.jia.com/image/mobile/zhuangxiu/company-rank-icon.png') no-repeat;background-size: 100% auto;background-position: 0 -0.4rem;} -.zxcompany-list .medalTag i em{font-size: 0.051rem;margin-left: 0.02rem;} -.zxcompany-list .company-case{margin-top: 0.07rem;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;} -.zxcompany-list .company-case .case-img{width: 32%;height: 0.55rem;border-radius: 0.04rem;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;overflow: hidden;margin-right: 2%;} -.zxcompany-list .company-case .case-img img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} -.y_active_list{background: rgba(238,45,27,0.1)!important;/* opacity: 0.5;*/color: #EE2D1B!important;} -.zx_list_click a{color:inherit} -.city-zxcompany-no{width: 2.77rem;margin: 0 auto;padding: 0.16rem 0;background: #fff;} -.city-zxcompany-no .no-cont{width: 2.77rem;height: 2.64rem;background: url('//mued3.jia.com/image/mobile/zhuangxiu/city-zxcompany-nobg.png');background-size: 100% 100%;text-align: center;} -.city-zxcompany-no .no-cont img{width: 0.77rem;height: auto;margin-top: 0.22rem;} -.city-zxcompany-no .no-cont p{font-size: 0.111rem;color: #333;margin-top: 0.13rem;} -.city-zxcompany-no .no-cont .go-zmzx-btn{display: inline-block;width:1.67rem;height:0.46rem;-webkit-box-shadow:0rem 0.04rem 0.13rem 0rem rgba(11,23,58,0.1);box-shadow:0rem 0.04rem 0.13rem 0rem rgba(11,23,58,0.1);border-radius:0.23rem;margin-top: 0.1rem;} -.city-zxcompany-no .no-cont .go-zmzx-btn img{margin: 0;width: 100%;height: 100%;} -.city-zxcompany-no .ruzhu-jia{display: block;margin: 0 auto;font-size: 0.13rem;color: #333;text-align: center;margin-top: 0.49rem;width: 2.77rem;height: 0.34rem;line-height: 0.34rem;background: rgba(255,255,255,1);border: 1px solid rgba(224,224,224,1);border-radius: 0.04rem;} -.zx_company_box{ -webkit-flex:1; flex:1; margin-left: 0.08rem;margin-top: -0.027rem;} -.zx_company_box .info-star{ margin-top:0;} -.info-star span label{margin-right: 0.04rem !important;} -.zx-ti{/*display: flex;*//*align-items: center;*/} -.zx-sheji{background: url(http://mued3.jia.com/image/zx-new/zx-yun.png) no-repeat;width: 0.69rem;height: 0.13rem;background-size: auto 100%;margin-left: 0.1rem;padding-left: 0.03rem;} -.zx-span{display: flex;align-items: center;} -.zx-persion{font-weight: 400;color: rgba(255,255,255,1);font-size: 0.09rem;line-height: 0;height: 0.13rem;display: flex;align-items: center;justify-content: center;} -.zx-ti i{display: inline-block;width: 0.12rem;height: 0.12rem;background: url(http://mued3.jia.com/image/zx-new/tip_collection.png) no-repeat;background-size: auto 100%;vertical-align: -0.008rem;} -.zx-ti .cu{width: 0.12rem;background-position: 54% 0;flex-shrink: 0;} -.zx-ti .MEDALS{width: 0.12rem;background-position: 110% 0;margin-left: -0.029rem;margin-right: 0.045rem;margin-bottom: 0.025rem;} -.zx-ti .topTen{width: 0.12rem;flex-shrink: 0;} -.zx-ti span{font-weight:bold;color:rgba(18,21,41,1);font-size: 0.15rem;margin-right: 0.08rem;} -.company-name{ - overflow: hidden; - text-overflow: ellipsis; - max-width: 1.4rem; - white-space: nowrap; - display: inline-block; -} -.zx-line{ - line-height: 0.18rem; - display: flex; -} -.zx-line div{ - display: flex; - align-items: center; - position: relative; -} -.zx-line i{ - display: inline-block; - width: 0.12rem; - height: 0.12rem; - background: url(http://mued3.jia.com/image/zx-new/toupai.png) no-repeat; - background-size: auto 100%; - /*margin-left: 0.06rem;*/ - vertical-align: -0.001rem; -} -.zx-ti .CITY_MEDALS{ - width: 0.545rem; - height: 0.14rem; - background-position: 0 0; - margin-left: -0.029rem; - position: absolute; - z-index: 1; - left: -4px; -} -.advertisemenTip{ - font-size: 0.07rem; - background: rgba(0,0,0,0.2); - border-radius: 1px; - position: absolute; - bottom: 0; - color:rgba(255,255,255,0.7); - padding: 0.02rem 0.05rem 0.01rem 0.05rem; - line-height: 0.1rem; -} -.professional_merchants{width: .42rem; height: .14rem;display: inline-block;background: url(http://mued3.jia.com/image/zx-new/zysj.png) no-repeat; - background-size:100%;vertical-align:.01rem;} - -.AuthenticationIcon{ - background: url(//mued3.jia.com/image/zx-new/renzhen.png) no-repeat 0 0; - background-size: 0.71rem 0.13rem; - background-position: 0 0; - width: 0.24rem; - height: 0.13rem; -} -.seniorShopsIcon{ - background: url(//mued3.jia.com/image/zx-new/renzhen.png) no-repeat 0 0; - background-size: 0.71rem 0.13rem; - background-position: 100% 0; - width: 0.46rem; - height: 0.13rem; -} -.zx_type_money{ - display: flex; - align-items: center; - justify-content: space-between; -} -.zx-describe span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 1.75rem;} -.percent_total .dl_list dl dd{font-size: .1008rem;color:#848484;} -.percent_total .dl_list dl:last-child{border:none;} -.canvas_box .canvas{color: #999;font-size: .089rem;} -.y_layout{display: flex;padding-top: 0.11rem;} -.y_store_the_cover{width:0.85rem;height:0.85rem;background:rgba(39,80,70,1);border-radius:4px;} -.y_Thelabel_act{display: flex;margin-top: 0.05rem;} -.y_Thelabel_act{flex-wrap: wrap;height: 0.165rem;overflow: hidden;} -.y_Thelabel_act div{font-weight:500;color:rgba(255,129,38,1);font-size: 0.09rem;margin-right: 0.03rem;padding: 0.02rem 0.04rem;background:rgba(255,241,232,1);border-radius: 2px;flex-shrink: 0;} -.clearfixm{display: flex;margin-top: 0.07rem!important;} -.clearfixm .zx_list_click{margin-right: 0.09rem;color:rgba(18,21,41,1);font-size: 0.1rem;background:rgba(245,246,248,1);padding: 0.06rem 0.08rem;border-radius: 3px;border:1px solid white;flex-shrink: 0;} -.clearfixm li:first-child{margin-left: 0;} -.y_Thelabel div{font-weight:500;color:rgba(132,132,148,1);font-size: 0.09rem;margin-right: 0.03rem;padding: 0.02rem 0.04rem;background:rgba(247,247,255,1);border-radius: 2px;} -.y_Thelabel{display: flex;margin-top: 0.05rem;} -.y_box_img{width: 0.12rem;height: 0.12rem;border-radius: 2px;} -.zx-ranking{display: flex;align-items: center;padding-top: 0.05rem;} -.zx-ranking span{font-weight:500;color:rgba(18,21,41,1);font-size: 0.1rem;margin-left: 0.04rem;} -.y_new_list{height: 4rem;overflow: hidden;overflow-y: auto;} -.list_box{width: 100%;} -.clearfixm{display: flex;/*flex-wrap: wrap;*/margin-top: 0.07rem!important;} -.list_box::-webkit-scrollbar{display:none} -.clearfixm .zx_list_click{margin-right: 0.09rem;color:rgba(18,21,41,1);font-size: 0.1rem;background:rgba(245,246,248,1);padding: 0.06rem 0.08rem;border-radius: 3px;border:1px solid white;flex-shrink: 0;} -.clearfixm li:first-child{margin-left: 0;} -.other-section{/*margin-top:.09rem;*/background:#fff;} -.other-section .other-tab{text-align:center;height:.4rem;white-space:nowrap;background-color:#fff;} -.other-fixed{height:.4rem;} -.other-section .tab-li{position:relative;padding:.1rem .14rem;width:auto;display:inline-block;color:#848494;font-size:.135rem; cursor:pointer;} -.other-section .tab-li.cur{border-bottom:0 none;font-weight:bold;color:#121529;} -.other-section .tab-li.cur::after{content:'';position:absolute;left:50%;bottom:0;width:.22rem;height:.03rem;margin-left:-.11rem;background:#EE2D1B;border-radius:.02rem;} -.commonList{display:none; min-height:100vh; overflow:hidden;} -.other-section.zxgs .zxgs-box,.other-section.article .related-reading,.other-section.anli .anli-box,.other-section.tuku .tuku-list{display:block;} -/* .other-section .other-tab.cur{position:fixed;width:100%;max-width:640px;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10;} */ -.loadmore{position:relative;height: .23rem;line-height: .23rem;text-align: center;padding: .12rem 0;} -.loadmore .icon{display:inline-block;color:#999;position:relative;text-indent:-9999px;width:.23rem;height:.23rem;background:url("//mued3.jia.com/image/mobile/toutiao/tt_loading.gif") no-repeat;background-size:100% auto;} -/*新版效果图*/.tuku-list-cont{overflow:hidden;width:100%;padding-top:.15rem;} -.tuku-screen{display:block;background:#F5F6F9;margin-left:-.13rem;text-align:center;font-size:.1rem;padding:.065rem 0;} -.tuku-screen .icon{display:inline-block;width:.09rem;height:.09rem;background:url(//mued3.jia.com/image/mobile/toutiao/tk-screen-icon.png) no-repeat;background-size:100%;vertical-align:top;margin:.04rem 0 0 .03rem;} -.tuku-list{width:100%;padding:0 0 0.3rem 0.13rem;overflow:hidden;position:relative;box-sizing:border-box;} -.tuku-list .list-item{border-radius: 0.04rem;overflow: hidden;width: 47.5%;margin-bottom: 0.09rem;margin-right: 2%;float: left;border:1px solid #ecebeb;box-sizing:border-box;} -.tuku-list .list-item .cover-img{width: 100%;height: auto;position: relative;} -.tuku-list .list-item .cover-img img{min-height:1rem;} -.tuku-list .list-item .cover-img.vr{height: 1.07rem;} -.tuku-list .list-item .cover-img.vr img{width:100%;height:100%;object-fit:cover;} -.tuku-list .list-item .cover-img .lable{position: absolute;top: 0.09rem;right: 0.09rem;} -.tuku-list .list-item .cover-img .lable.wholeHouse{background: rgba(0,0,0,0.5);font-size: 0.09rem;color: #FEFEFE;line-height: 1;padding: 0.03rem 0.04rem;border-radius: 0.03rem;font-weight: bold;} -.tuku-list .list-item .cover-img .lable.tu{background: rgba(0,0,0,0.5);font-size: 0.09rem;color: #FEFEFE;line-height: 1;padding: 0.03rem 0.04rem;border-radius: 0.03rem;font-weight: bold;} -.tuku-list .list-item .cover-img .lable.video{width: 0.18rem;height: 0.18rem;background: url('//mued3.jia.com/image/mobile/tuku/video-icon.png');background-size: 100% 100%;} -.tuku-list .list-item .cover-img .lable.vr,.tuku-list .list-item .cover-img .lable.gg{background: rgba(0,0,0,0.5);font-size: 0.09rem;color: #FEFEFE;line-height: 1;padding: 0.04rem 0.04rem;border-radius: 0.03rem;font-weight: bold;} -.tuku-list .list-item .list-info{padding: 0.09rem 0.09rem 0.11rem 0.09rem;background: #fff;font-size: 0;} -.tuku-list .list-item .list-title{line-height: 0.18rem;font-size: 0.1rem;/* font-weight: bold;*/color: #121529;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} -.tuku-list .list-item .list-tab{font-size: 0.1rem;line-height: 1;color: #848494;margin-top: 0.05rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} -.tuku-list .list-item .list-tab em{color:#D2D2D2;font-size: 0.1rem;} -.tuku-list .list-item .author{display: flex;align-items: center;margin-top: 0.1rem;} -.fixed-footer-box .hb-wrap{display: none !important;} \ No newline at end of file From 56755e4849cab6c09601d7cfac7174595aef1971 Mon Sep 17 00:00:00 2001 From: tao <165526381@qq.com> Date: Sat, 29 Feb 2020 12:25:51 +0800 Subject: [PATCH 3/4] update --- .../components/mip-jia-zxgs/mip-jia-zxgs.vue | 36 ------------------- 1 file changed, 36 deletions(-) diff --git a/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue index 4441b01c3..ff6fc58a2 100644 --- a/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue +++ b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue @@ -74,42 +74,6 @@
-
From ed774bf5e9b6af20efdc4dffc69fb1356b523577 Mon Sep 17 00:00:00 2001 From: Tomqing <165526381@qq.com> Date: Fri, 13 Mar 2020 09:50:55 +0800 Subject: [PATCH 4/4] update --- .../components/mip-jia-zxgs/mip-jia-zxgs.vue | 1685 +++++++++-------- 1 file changed, 921 insertions(+), 764 deletions(-) diff --git a/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue index ff6fc58a2..86e472fa0 100644 --- a/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue +++ b/sites/m.jia.com/components/mip-jia-zxgs/mip-jia-zxgs.vue @@ -1,773 +1,930 @@