/*---------------------------------------------------- * Module CSS FILE | by zhanglong | * * --COLOR PRIMARY 14bc88 * --COLOR RED f5696c * --COLOR YELLOW ffc600 * --TEXT MAIN 202020 * --TEXT SECONDARY 202020 * -----------------------------------------------------*/ @keyframes offerbtn01 { from { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); opacity: 1; } to { -ms-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); transform: scale(1.5,1.5); opacity: 0; } } @keyframes offerbtn02 { from { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); opacity: 1; } to { -ms-transform: scale(2,2); -webkit-transform: scale(2,2); -o-transform: scale(2,2); -moz-transform: scale(2,2); transform: scale(2,2); opacity: 0; } } /* 装修报价单页 */ .offer-wrap { background: #FFF url(../images/offer-bg.jpg) no-repeat 50% 0; display: table; width: 100%; padding-bottom: 6rem; background-attachment: fixed; } .offer-wrap.interface-2 { background: #FFF url(../images/offer-bg-2.jpg) no-repeat 50% 0; } .offer-wrap.interface-3 { background: #FFF url(../images/offer-bg-3.jpg) no-repeat 50% 0; } .offer-wrap .inner { display: table-cell; vertical-align: middle; } .offer-wrap .wrap { max-width: 92rem; margin: 0 auto; padding: 4rem 5rem; background: #FFF/* url(../images/offer-content.jpg) no-repeat 100% 100%*/; background-size: auto 100%; } .offer-wrap .t0 { font-size: 4rem; font-weight: bold; color: #FFF; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.4); max-width: 64rem; margin: 3rem auto 0;} .offer-wrap .ts { font-size: 1.8rem; color: #FFF; text-align: center; padding-bottom: 5rem; } .offer-wrap .f-g + .f-g { padding-top: 1.5rem; } .offer-wrap .f-t { width: 7rem; } .offer-wrap .start-a .t { font-size: 2.8rem; color: #14bc88; font-weight: bold; line-height: 1; padding-bottom: 3rem; } .offer-wrap .result-a .t { font-size: 2rem; color: #333; font-weight: bold; line-height: 1; padding-bottom: 3rem; text-align: center; } .offer-wrap .result-a .t span { color: #14bc88; font-size: 3.8rem; padding: 0 1rem;} .offer-wrap .result-b .t { color: #14bc88; font-size: 1.6rem; font-weight: bold; } .offer-wrap .act-wrap { margin: 0 auto; padding-top: 7rem;} .offer-wrap .act { padding-left: 5rem; position: relative; } .offer-wrap .act > a, .offer-wrap .act > .bd { display: block; width: 12rem; height: 12rem; position: relative; border-radius: 100%; background-color: #ffd800; margin: 0 auto;} .offer-wrap .act > a { z-index: 100; text-align: center; padding: 3rem 0; font-size:2.8rem; color: #232323; font-weight:bold; line-height: 1;} .offer-wrap .act > a:hover { background-color: #14bc88; } .offer-wrap .act > .bd { z-index: 50; animation: offerbtn01 2s; -moz-animation: offerbtn01 2s; -webkit-animation: offerbtn01 2s; -o-animation: offerbtn01 2s; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; margin-top: -12rem; } .offer-wrap .result-a p { text-align: center; padding-top: 1rem; } .offer-wrap .result-a .i { border: 1px solid #dfdfdf; padding: 6rem 2rem; margin: 1rem 0.5rem; text-align: center;} .offer-wrap .result-a .i-n em { color: #f5696c; font-size: 2.2rem; padding-right: 0.5rem; } .offer-wrap .result-b { padding-left: 5rem; } .offer-wrap .result-b .t2 { padding: 1rem 0; } .offer-wrap .result-b .b { padding-top: 2rem; text-align: right; } @media (max-width: 829px) { .offer-wrap, .offer-wrap .inner { display: block; } .offer-wrap .t0 { font-size: 2.8rem; } .offer-wrap .wrap { padding: 2rem; background-size: cover; } .offer-wrap .start-a .t { display: none; } .offer-wrap .act-wrap { padding: 3rem; } .offer-wrap .act { padding: 0; } .offer-wrap .result-a .t { padding-bottom: 1rem; } .offer-wrap .result-a .t span { display: block; text-align: center; } .offer-wrap .result-a .i { padding: 2rem; } .offer-wrap .result-b { padding: 0; } .offer-wrap .result-b .b .btn { width: 100%; } } /* 装修报价弹出框 */ #start-calc .modal-dialog { width: 92rem; } #start-calc .modal-content { box-shadow: none; border: 0; border-radius: 0 0 3rem 3rem; } .offer-pop-hd { height: 30rem; background: url(../images/start-calc-bg.png) no-repeat 50% 100% / 100% auto; } .offer-pop { display: table; width: 100%; padding: 2rem 5rem 5rem; } .offer-pop .inner { display: table-cell; vertical-align: middle; } .offer-pop .wrap { max-width: 92rem; margin: 0 auto; padding: 4rem 5rem; background: #FFF url(../images/offer-content.jpg) no-repeat 100% 100%; background-size: auto 100%; } .offer-pop .t0 { font-size: 4rem; font-weight: bold; color: #FFF; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.4); max-width: 64rem; margin: 0 auto;} .offer-pop .ts { font-size: 1.8rem; color: #FFF; text-align: center; padding-bottom: 3rem; } .offer-pop .f-g + .f-g { padding-top: 1.5rem; } .offer-pop .f-t { width: 7rem; } .offer-pop .start-a .t { font-size: 2.8rem; color: #14bc88; font-weight: bold; line-height: 1; padding-bottom: 3rem; } .offer-pop .result-a .t { font-size: 2rem; color: #333; font-weight: bold; line-height: 1; padding-bottom: 3rem; text-align: center; } .offer-pop .result-a .t span { color: #14bc88; font-size: 3.8rem; padding: 0 1rem;} .offer-pop .result-b .t { color: #14bc88; font-size: 1.6rem; font-weight: bold; } .offer-pop .act-wrap { margin: 0 auto; padding-top: 7rem;} .offer-pop .act { padding-left: 5rem; position: relative; } .offer-pop .act > a, .offer-pop .act > .bd { display: block; width: 12rem; height: 12rem; position: relative; border-radius: 100%; background-color: #ffd800; margin: 0 auto;} .offer-pop .act > a { z-index: 100; text-align: center; padding: 3rem 0; font-size:2.8rem; color: #232323; font-weight:bold; line-height: 1;} .offer-pop .act > a:hover { background-color: #14bc88; } .offer-pop .act > .bd { z-index: 50; animation: offerbtn02 2s; -moz-animation: offerbtn02 2s; -webkit-animation: offerbtn02 2s; -o-animation: offerbtn02 2s; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; margin-top: -12rem; } .offer-pop .result-a p { text-align: center; padding-top: 1rem; } .offer-pop .result-a .i { border: 1px solid #dfdfdf; padding: 6rem 2rem; margin: 1rem 0.5rem; text-align: center;} .offer-pop .result-a .i-n em { color: #f5696c; font-size: 2.2rem; padding-right: 0.5rem; } .offer-pop .result-b { padding-left: 5rem; } .offer-pop .result-b .t2 { padding: 1rem 0; } .offer-pop .result-b .b { padding-top: 2rem; text-align: right; } @media (max-width: 829px) { #start-calc .modal-dialog { width: 100%; } .offer-pop-hd { height: 15rem; } .offer-pop, .offer-pop .inner { display: block; } .offer-pop .t0 { font-size: 2.8rem; } .offer-pop .wrap { padding: 2rem; background-size: cover; } .offer-pop .start-a .t { display: none; } .offer-pop .act-wrap { padding: 3rem; } .offer-pop .act { padding: 0; } .offer-pop .result-a .t { padding-bottom: 1rem; } .offer-pop .result-a .t span { display: block; text-align: center; } .offer-pop .result-a .i { padding: 2rem; } .offer-pop .result-b { padding: 0; } .offer-pop .result-b .b .btn { width: 100%; } } /* 账户，注册，登陆 ----------------------------------------------------*/ .surface-account { width: 55%; min-height: 40rem; float: left; background-size: 90% auto; background-repeat: no-repeat; background-position: 50% 50%;} .surface-account img { width: 90% } .reg-status { width: 55%; float: left; padding-right:5rem;} .account-form { width: 45%; float: right; padding-left: 5rem; border-left: 1px solid #dfdfdf; } .account-form .help { padding-top: 1.5rem; } .account-form .help-2 { text-align: right; } .account-form .help a { color: #14bc88; } .account-form .im { height: 15rem; text-align: center; position: relative;} .account-form .im img { height: 100%; } .account-form .im .qr-logo { position: absolute; top: 50%; left: 50%; width: 3rem; height: 3rem; background: url(../images/qr-logo.png) no-repeat 50% 50% / contain; margin-left: -1.5rem; margin-top: -1.5rem;} .account-form .p { text-align: center; padding-top: 1.5rem; } .account-title { font-size: 1.8rem; padding-bottom: 1rem; text-align: center; border-bottom: 1px solid #dfdfdf; margin-bottom: 2rem;} .reg-status-list { width: 32rem; margin: 0 auto; } .reg-status-list .btn{float: left; width: 50%; height: 18rem; border: none; box-shadow: none; padding: 1rem; border-radius: 1rem;} .reg-status-list .im { padding: 1rem; border: 0.3rem solid transparent; border-radius: 1rem;} .reg-status-list .btn.active .im { border: 0.3rem solid #14bc88; } .reg-status-list .btn.active .arr { font-weight: bold; color: #14bc88; } @media (max-width: 829px) { .account-form .help { text-align: center; } .reg-status-list .btn { width: 25%; height: 11rem; padding:0.2rem;} .reg-status-list .im img { width: 100%; } } .reg-status-result { text-align: center; padding-top: 3rem; } .reg-status-result .t { font-size: 1.8rem; padding: 1rem 0; } .msg-wrap { text-align: center; } .msg-wrap .ico { color: #14bc88; font-size: 8rem; line-height: 1.4;} .msg-wrap .t { font-size: 1.8rem; } .msg-wrap .t2 { color: #9f9f9f; } @media (max-width: 829px) { .msg-wrap { padding: 5rem 0; } .surface-account { display: none; } .account-form { width: 100%; float: none; padding: 2rem; } .reg-status { width: 100%; float: none; padding: 0.5rem; } } /* 装修公司主页 ----------------------------------------------------*/ .company-intro { padding: 2rem; } .company-intro .t { font-size: 18px; font-weight: bold; } .company-intro .d { padding-top: 3rem; } .company-intro .imo { width: 14rem; float: left; margin-right: 3rem; border: 1px solid #dfdfdf;} .company-intro .dsc { padding-right: 3rem; text-align: justify; } .company-intro .d2 { width: 14rem; } .company-intro .d2 .btn { padding-top: 1.5rem; padding-bottom: 1.5rem; height: auto; line-height: 1; font-size: 1.6rem;} .company-intro .d2 p { color: #9f9f9f; padding-top: 1rem; } .mainbox-content .company-intro { padding: 0; } .mainbox-content .company-intro .d { padding-top: 0; } @media (min-width: 830px) { .company-intro .dsc { text-indent: 2em; } } @media (max-width: 829px) { .company-intro .d2 { width: 100%; padding-top: 2rem;} .company-intro .dsc { padding: 0; text-align: justify; } .company-intro .imo { margin-right: 1.5rem; } .company-intro .d2 p { text-align: center; } } /* 评论列表 ----------------------------------------------------*/ .list-comment { } .list-comment .i + .i { padding-top: 3rem; } .list-comment .i > .i { padding-left: 4rem; } .list-comment .i:before, .list-comment .i:after { display: table; content: " "; } .list-comment .i:after { clear: both; } .list-comment .info { padding-bottom: 1rem; } .list-comment .info .grade { margin-left: 1rem; } .list-comment .msg { border-top: 1px solid #dfdfdf; padding: 1.5rem; } @media (max-width: 829px) { .list-comment .msg { padding: 1rem 0; } } /* 效果图相册 ----------------------------------------------------*/ .sketch-gallery { } .sketch-gallery .thumbnails { text-align: center; padding-top: 2rem;} .sketch-gallery .thumbnails li { display: inline-block; padding: 0 0.1rem; } .sketch-gallery .thumbnails li a { display: block; width: 6rem; height: 4rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .sketch-viewer { } .sketch-viewer .viewer { text-align: center; height: 50rem; line-height: 50rem;} .sketch-viewer img { max-width: 100%; max-height: 100%; } @media (max-width: 829px) { .sketch-viewer .viewer { height:24rem; line-height: 24rem; } .sketch-viewer img { height: auto;max-height: 100%; } .sketch-gallery .thumbnails li { padding: 0; } .sketch-gallery .thumbnails li a { } } /* 模态框：根据效果图预约计算 */ .sfc-order { padding: 2rem 1rem; } .sfc-order .c + .c { padding-top: 1.5rem; } .sfc-order .c-col { padding: 0 1rem; } .sfc-order .n { padding: 0 0 2rem; font-size: 1.4rem; text-align: center; color: #14bc88; font-weight: bold; } .sfc-order .c-msg { padding: 2rem; text-align: center; } /* 工长详情，设计师详情 ----------------------------------------------------*/ .worker-intro { } .worker-intro .i1 { height: 10rem; position: relative;} .worker-intro .imo { width: 15rem; height: 15rem; border-radius: 100%; overflow: hidden; position: absolute; bottom: -6rem; left: 2rem;} .worker-intro .i1 .n { padding-left: 20rem; font-size: 1.6rem; position: absolute; bottom: 1rem; font-weight: bold;} .worker-intro .i1 .btn { margin-left: 1.5rem;} .bg-worker { background: url(../images/pheader-worker.jpg) no-repeat 50% 50% / cover; } .bg-designer { background: url(../images/pheader-designer.jpg) no-repeat 50% 50% / cover; } .worker-intro .i2 { padding: 2rem 2rem 2rem 18rem; } .worker-intro .i2 span { font-weight: bold; color: #14bc88; padding-right: 1rem; padding-left: 2rem;} @media (max-width: 829px) { .worker-intro .i1 { height: auto; text-align: center; padding-bottom: 2rem; padding-top:2rem;} .worker-intro .imo, .worker-intro .i1 .n, .worker-intro .i1 .btn { position: static; margin: 0 auto; } .worker-intro .i1 .n { padding: 0; } .worker-intro .i2 { padding: 2rem; } .worker-intro .i2 span { padding-left: 0; } } .msd-case-top { padding: 2rem 0; } .msd-case-top .h { font-size: 1.6rem; text-align: center; padding-bottom: 2rem;} .msd-case-top .imo { width: 16rem; height: 16rem; border-radius: 100%; overflow: hidden; margin: 0 auto; } /* 商城 ----------------------------------------------------*/ .header .cart { width: 10%; padding-top: 2.2rem; padding-left: 1rem; overflow: hidden;} .header .cart .n { background-color: #f5696c; color: #FFF; padding: 0 0.5rem; margin-left: 0.5rem; } /* 商城首页 ----------------------------------------------------*/ .shop-c-all { width: 70%; padding: 2rem 0;} .shop-c-all .i { width: 50%; float: left; padding: 0 2rem; text-align: left;} .shop-c-all .f-h { font-size: 1.4rem; font-weight: bold; line-height: 1; padding: 1rem 0; display: block; color: #14bc88;} .shop-c-all .f-c { margin: 0 -1rem; } .shop-c-all .f-c a { padding: 0 1rem; display: inline-block; } .shop-loop { padding-top: 3rem; } .shop-loop .shop-grid { width: 50%; float: left; padding-bottom: 3rem; } .shop-loop .shop-grid:nth-of-type(2n) .inner { padding-left: 1rem; } .shop-loop .shop-grid:nth-of-type(2n+1) .inner { padding-right: 1rem; } .nav-shop .main-nav > li { } .shop-grid .h { height: 3rem; margin-bottom: 1rem; position: relative;} .shop-grid .h em { line-height: 1; font-size: 2rem; padding-left: 2rem; border-left: 0.5rem solid #14bc88; } .shop-grid .h span { padding-left: 3rem; color: #14bc88; text-transform: uppercase;} .shop-grid .h .more { position: absolute; height: 3rem; line-height: 3rem; right: 0; top: 0; display: block; padding: 0 1rem; background-color: #14bc88; color: #FFF;} .shop-grid .cat { margin-bottom: 1rem; height: 4.4rem; overflow: hidden; } .shop-grid .cat a { display: inline-block; padding: 0 0.5rem; } .shop-grid .goods-c { display: table; width: 100%; table-layout: fixed; } .shop-grid .goods-c a { display: block; } .shop-grid .c-lg { display: table-cell; width: 48%; vertical-align: top; padding-right: 0.5rem;} .shop-grid .c-lg a .d { background-color: #14bc88; color: #FFF; height: 10rem; padding: 1.5rem; } .shop-grid .c-lg a .d p { font-size: 1.6rem; line-height: 2rem; padding-bottom: 0.5rem; height: 4rem; overflow: hidden;} .shop-grid .c-lg a .d span { font-size: 2rem; } .shop-grid .c-lg a .d cite { padding-left: 2rem; text-decoration: line-through; } .shop-grid .c-sm { display: table-cell; vertical-align: top; } .shop-grid .c-sm .i { width: 50%; float: left; padding: 0 0.5rem 0;} .shop-grid .c-sm .i cite { color: #9f9f9f;} .shop-grid .c-sm p, .shop-grid .c-sm span { height: 2.4rem; line-height: 2.4rem; white-space: nowrap; overflow: hidden; } .shop-grid .c-sm span { font-weight: bold; color: #f5696c; } .shop-grid .c-lg a img, .shop-grid .c-sm a img { width: 100%; } @media (min-width: 1440px) { .shop-grid .c-lg a { height: 40rem; } .shop-grid .c-sm a { } } @media (max-width: 829px) { .shop-loop .shop-grid { width: 100%; float: none; } .shop-grid .cat { text-align: center; height: auto;} .shop-grid .cat a { border: 1px solid #dfdfdf; line-height: 2.4rem; padding: 0 1rem; margin-bottom: 0.4rem; text-align: center; width: 24%; font-size: 1.4rem; line-height: 3.2rem;} .shop-grid .c-lg { width: 100%; padding: 1rem; display: block;} .shop-grid .c-lg a .d { height: 14rem; } .shop-grid .c-lg a .d span { font-weight: bold; } .shop-grid .c-lg a .d cite { padding: 0; display: block; } .shop-grid .c-sm { width: 100%; padding: 0.5rem; display: block; } .shop-grid .c-sm .i { width:33.33333333%; float: left; } .shop-grid .c-sm p { white-space: initial; height: auto; } .shop-grid .c-sm p a { height: 6rem; overflow: hidden;} .shop-loop .shop-grid:nth-of-type(2n+1) .inner, .shop-loop .shop-grid:nth-of-type(2n) .inner { padding: 0; } } .goods-i { text-align: center; padding: 1rem; display: block;} .goods-i img { display: block; width: 100%; } .goods-i p { padding: 1rem 0 0.5rem; } .goods-i .prc { color: #f5696c; } .goods-i .i-w { text-align: center; } .goods-i .i-w .i { display: inline-block; border-radius: 2px; line-height: 3rem; padding-right: 1.2rem; padding-left: 3rem; font-size: 1.4rem; font-weight: bold;} .goods-i .i-w .miao { background: #ea8c40 url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M308.267 512L712.149 21.333l-90.282 381.611L778.667 512 256 1002.667l209.067-436.182L308.267 512zM731.52 124.757c145.92 81.707 244.693 237.568 244.693 416.726 0 263.68-213.76 477.44-477.44 477.44-58.325 0-113.92-11.008-165.632-30.166l109.483-102.826c18.347 2.986 36.992 4.992 56.15 4.992 192.682 0 349.44-156.8 349.44-349.44a349.013 349.013 0 0 0-147.84-285.014l31.146-131.712zM149.333 541.44c0 116.267 57.302 219.179 144.896 282.71l-56.064 117.077C107.691 855.979 21.333 708.864 21.333 541.44 21.333 277.76 235.093 64 498.773 64c38.528 0 75.776 5.035 111.702 13.653l-94.806 115.2c-5.632-.298-11.178-.853-16.896-.853-192.682 0-349.44 156.757-349.44 349.44z' fill='%23FFF'/%3E%3C/svg%3E") no-repeat .9rem 50% / auto 1.8rem; color: #FFF; } .goods-i .i-w .tao { background: #14bc88 url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M772.621 491.007c0 24.99-20.26 40.932-45.245 40.932H274.098c-24.917 0-45.174-15.942-45.174-40.932V152.048c0-24.954 20.257-45.143 45.174-45.143h453.279c24.985 0 45.245 20.189 45.245 45.143v338.959zM927.63 376.708c10.238 0 18.569 8.33 18.569 18.566v116.2c0 10.27-8.331 20.466-18.568 20.466h-95.784c-10.235 0-18.564-10.196-18.564-20.466v-116.2c0-10.236 8.329-18.566 18.564-18.566h95.784zM167.158 376.708c10.237 0 18.566 8.33 18.566 18.566v116.2c0 10.27-8.33 20.466-18.566 20.466h-95.75c-10.269 0-18.599-10.196-18.599-20.466v-116.2c0-10.236 8.331-18.566 18.599-18.566h95.75zM957.844 782.837c0 22.023-18 40.024-39.989 40.024H105.892c-22.022 0-40.023-18.001-40.023-40.024v-82.434c0-21.989 18-39.989 40.023-39.989h811.963c21.989 0 39.989 18 39.989 39.989v82.434z' fill='%23fff'/%3E%3Cpath d='M150.766 813.544h92.283v80.014h-92.283v-80.014zM790.37 813.545h91.223v80.013H790.37v-80.013zM971.189 633.73c0 22.024-18.002 39.99-40.029 39.99H93.894c-22.029 0-40.029-17.966-40.029-39.99v-20.048c0-21.988 18-39.99 40.029-39.99H931.16c22.027 0 40.029 18.002 40.029 39.99v20.048z' fill='%23fff'/%3E%3C/svg%3E") no-repeat .9rem 50% / auto 1.8rem; color: #FFF; } .shop-bottom { max-width: 100rem; margin: 0 auto; padding: 3rem; background-color: #FFF;} .shop-bottom .col { background-repeat: no-repeat; background-position: 0 50%; padding-left: 6rem;} .shop-bottom .t { font-size: 1.4rem; font-weight: bold; } @media (max-width: 829px) { .goods-i p { height: 8rem; overflow: hidden; } .shop-bottom { padding: 3rem 0; border-top: 1px solid #dfdfdf; } .shop-bottom .col {padding-left: 0; padding-top: 4rem; text-align: center; background-position: 50% 0; padding-bottom: 2rem;} } /* 商品列表 ----------------------------------------------------*/ .cat-i-shop { border-bottom: 1px solid #dfdfdf; } .cat-i-shop .i { width: 20%; float: left; padding: 1.5rem; height: 12rem; overflow: hidden;} .cat-i-shop .i + .i { border-left: 1px solid #dfdfdf; } .cat-i-shop .h { font-weight: bold; font-size: 1.4rem;} .cat-i-shop .c { margin: 0 -0.5rem; } .cat-i-shop .c a { display: inline-block; padding: 0.1rem 0.5rem; } .shop-ex { } .shop-ex .t { line-height: 3.4rem; font-size: 1.2rem; color: #9f9f9f; text-align: right;} /* 商品详情 ----------------------------------------------------*/ .goods-fs { display: table; width: 100%; padding: 3rem;} .goods-fs .goods-focus { display: table-cell; vertical-align: top; } .goods-fs .goods-focus .swiper-container { width: 60rem; } .goods-fs .goods-basic { display: table-cell; vertical-align: top; width: 100%; padding-left: 5rem;} .goods-focus .act { padding-top: 1rem; } .swiper-goods .swiper-cover .swiper-slide > .view { display: block; height: auto;} .swiper-goods .swiper-cover .swiper-slide > .view img { width: 100%; } .goods-basic .t { font-size: 1.8rem; font-weight: bold; } .goods-basic .tds { margin: 1rem 0; border: 1px solid #dfdfdf; padding: 1rem; color: #797979; } .goods-basic .prc { padding: 1rem 2rem; background-color: #efefef; margin: 2rem 0; } .goods-basic .r-tips { color: #f5696c; font-size: 1.2rem; border: 1px solid #f5696c; padding: 0 1rem; line-height: 4rem; margin-top: 1rem; text-align: center;} .goods-basic .r-tips em { color: #f5696c; padding: 0 0.5rem; font-size: 1.4rem;} .goods-basic .prom { text-align: center; } .goods-basic .prom .btn { border: 1px solid #f5696c; color: #f5696c; font-size: 1.4rem;} .goods-basic .prom .btn em { padding: 0 1rem; } .goods-basic .prc em { padding: 0 1rem; font-size: 2.4rem; color: #f5696c; } .goods-basic .prc em:after { width: 100px; display: block; background-color: #F00; height: 3px; } .goods-basic .prc .od { text-decoration: line-through; } .goods-basic .tips { margin: 2rem 0; } .goods-basic .tips .i { color: #14bc88; } .goods-basic .tips .i i { padding-right: 1rem; } .goods-basic .d { display: table; width: 100%; padding: 1rem 0;} .goods-basic .d .d-t { width: 6rem; display: table-cell; } .goods-basic .d .d-c { display: table-cell; position: relative; vertical-align: top;} /*.goods-basic .d .d-c > .input-group { width: 10rem; }*/ .goods-basic .spec .btn { margin-bottom: 1rem; padding-left: 2rem; padding-right: 2rem;} .goods-basic .d .d-c .more { position: absolute; right: 0; } .goods-basic .buy { padding-top: 3rem; display: table; width: 80%; } .goods-basic .buy .btn { height: 5rem; line-height: 5rem; font-size: 1.4rem; display: table-cell; } .goods-detailed img { display: block; width: 900px; margin: 0 auto; } .goods-comment { padding: 3rem; } .goods-comment .i { width: 33.333333333333%; float: left; padding: 0 3rem; } .goods-comment .in { border: 1px solid #dfdfdf; padding: 2rem; } .goods-comment .a { position: relative; } .goods-comment .a .u { position: absolute; right: 0; top: 0; color: #9f9f9f; } .goods-comment .avatar { float: left; margin-right: 2rem; } .goods-comment .n { font-size: 1.4rem; } .goods-comment .d { height: 9rem; overflow: hidden;} .goods-help { padding-bottom: 5rem; } .goods-help .row-col { max-width: 120rem; margin: 0 auto; } .goods-help .col { padding: 1rem 5rem 3rem; } .goods-help .t, .goods-help i { font-size: 1.4rem; color: #14bc88; } .goods-help .d { padding-top: 1rem; line-height: 1.8; text-align: justify;} @media (max-width: 829px) { .goods-fs { padding: 0; } .goods-fs, .goods-fs .goods-focus, .goods-fs .goods-basic { display: block; } .goods-fs .goods-basic { padding: 2rem; } .goods-fs .goods-focus .swiper-container { width: 100%; } .swiper-goods .swiper-cover .swiper-slide > .view { } .goods-focus { position: relative; } .goods-focus .act { text-align: center; display: none; } .goods-focus .x { position: absolute; right: 0; top: 0; width: 9rem; height: 9rem; background: url(../images/tmp18122501.png) no-repeat 100% 0 / contain; z-index: 500; display: block; } .goods-detailed img { width: 100%; } /*.goods-basic .d .d-c > .input-group { width: 14rem; }*/ .goods-basic .d .d-c > .input-group > .form-control { text-align: center; } .goods-comment, .goods-help { padding: 2rem; } .goods-comment .i { width: 100%; float: none; padding: 0.5rem 0; } .goods-help .d + .t { padding-top: 1rem; } } .prom-list { padding:2rem 0; } .prom-list .hd { font-weight: bold; font-size: 1.4rem; padding-bottom: 1rem; position: relative;} .prom-list .hd .more { position: absolute; right: 0; font-weight: normal; color: #999; } .prom-list .hd em { padding-right: 1rem; } .prom-list .bd { border: 1px solid #dfdfdf; } .prom-list .bd .i { padding: 1rem; overflow: hidden; line-height: 4rem; } .prom-list .bd .i + .i { border-top: 1px solid #dfdfdf; } .prom-list .avatar { width: 4rem; height: 4rem; float: left; margin-right: 2rem;} .prom-list .n { float: left; font-size: 1.4rem; font-weight: normal; } .prom-list .act { float: right; } .prom-list .s { float: right; padding-right: 1rem;} .modal-body > .prom-list { max-height: calc(100vh - 10.5rem); overflow: auto;} /* M */ .m-box { background-color: #f0f0f0; } .m-box > .m-in { padding: 1rem; } .m-box-hd { padding: 1rem 0; background-color: #f0f0f0;} .m-box-hd span { font-size: 1.6rem; font-weight: bold; padding-left: 1rem; border-left: 1rem solid #14bc88;} /* 个人中心 ----------------------------------------------------*/ .uc-menu .c { padding: 1rem 0; } .uc-menu .c + .c { border-top: 1px solid #dfdfdf; } .uc-menu .t { padding: 1rem 3rem; font-size: 2rem; font-weight: bold; } .uc-menu a { display: block; border-left: 1rem solid transparent; padding: 1rem 2rem; line-height: 1;} .uc-menu a:hover { background-color: #dfffd6; } .uc-menu a.active { color: #14bc88; border-left: 1rem solid #14bc88; font-weight: bold; } .uc-idx-main { display: table; width: 100%; padding: 2rem;} .uc-idx-main .act, .uc-idx-main .m { display: table-cell; vertical-align: top; } .uc-idx-main .act { width: 1%; } .uc-idx-main .m { width: 100%; padding-top: 1.5rem; } .uc-idx-main .m .t { padding-bottom: 0.5rem; position: relative;} .uc-idx-main .m .t > span { font-size: 1.6rem; font-weight: bold; } .uc-idx-main .m .t a { position: absolute; right: 0; top: 0; } .uc-idx-main-m { } .uc-idx-main-m .avt { text-align: center; padding: 1rem 0; border-bottom: 0.6rem solid #e9e9e9;} .uc-idx-main-m .avt .t { font-size: 1.8rem; font-weight: bold; } .uc-idx-main-m .avt .d { color: #999; } .uc-idx-main-m .avt .d em { color: #14bc88; } .uc-idx-main-m .avt .d .ck { margin-left: 0.8rem; padding: 0.1rem 0.6rem; background-color: #14bc88; color: #FFF; } .uc-idx-main-m .avt .d .ck01 { background-color: #f5696c; } .uc-idx-main-m .avatar { width: 10rem; height: 10rem; margin: 0 auto; } .uc-menu-m { padding: 0.5rem; } .uc-menu-m .i { width: 25%; float: left; padding: 0.5rem; } .uc-menu-m .i a, .uc-menu-m .i a i { display: block; } .uc-menu-m .i a { background-color: #FFF; padding: 1rem; text-align: center; } .uc-menu-m .i a:hover { background-color: #14bc88; color: #FFF; } .uc-menu-m .i a i { font-size: 3.6rem; color: #14bc88; } .uc-menu-m .i a:hover i { color: #FFF; } .uc-menu-m .i a p { } .uc-dropdown { position: relative; } .uc-dropdown .btn { padding-right: 3rem; background: url(../images/arr-03.png) no-repeat 100% 50% / 2rem auto; font-size: 1.8rem; border: 0; font-weight: bold; height: 5rem; line-height: 5rem;} .m-list { } .m-list .i { border-bottom: 1px solid #e6e6e6; display: table; width: 100%; padding: 1.5rem 1rem;} .m-list .i + .i { border-top: 1rem solid #f0f0f0; } .m-list .ck { display: table-cell; width: 1%; padding-right: 1rem; } .m-list .c { display: table-cell; width: 100%; vertical-align: top;} .m-list .t { font-size: 1.4rem; font-weight: bold; line-height: 1; padding-bottom: 0.4rem; } .m-list .t i { padding-right: 0.8rem; } .m-list .s { color: #999; } .m-list .s span + span { padding-left: 0.9rem; } .m-list .d { line-height: 1.4; } .m-list .d em { padding: 0 0.4rem; } /* 个人中心 - 消息中心 ----------------------------------------------------*/ .table-msg { border: 1px solid #dfdfdf; border-top: 0;} .table-msg .ck { width: 4rem; } .table-msg .po { width: 4rem; } .table-msg .time { width: 8rem; } .table-msg .cat { width: 8rem; } .table-msg .act { width: 12rem; } .table-msg .t { padding-bottom: 1rem; font-weight: bold; } .table-msg .d em { color: #14bc88; padding: 0 0.5rem; } .table-msg td .t { font-weight: bold; } .table-msg td p + p { padding-top: 0.5rem; border-top: 1px solid #dfdfdf; } /* 个人中心 - 装修日记 ----------------------------------------------------*/ .list-diary .cc { text-align: center; } .list-diary .gird-i { float: none; width: 100%; } .list-diary .in { height: 34rem; overflow: auto; position: relative; } .list-diary .t { font-size: 1.6rem; font-weight: bold; padding-top: 2rem;} .list-diary .c { padding-bottom: 2rem; padding-top: 1rem; } .list-diary .s span, .list-diary .d span, .list-diary .c span { color: #14bc88; } .list-diary .s { padding: 2rem 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .list-diary .s i { padding-right: 0.5rem; } .list-diary .s em + i { padding-left: 1rem; } .list-diary .s em { color: #14bc88; } .list-diary .d { padding: 2rem; } .list-diary .action { padding: 1rem; border-top: 1px solid #dfdfdf; background-color: #f0f0f0; position: absolute; width: 100%; bottom: 0; left: 0;} .diary-edit-list .ico { color: #d0d0d0; width: 2rem; } .diary-edit-list .act { width: 12rem; } .diary-public { display: table; width: 100%; } .diary-public .ma, .diary-public .mb { display: table-cell; vertical-align: top;} .diary-public .mb { width: 36rem; padding-left: 3rem; } @media (max-width: 829px) { .diary-public, .diary-public .ma, .diary-public .mb { display: block; } .diary-public .ma { padding-bottom: 2rem; } .diary-public .mb { width: 100%; padding: 0; } } /* 个人中心 - 我的工地 ----------------------------------------------------*/ .list-proj { } .list-proj .i + .i { margin-top: 2rem; } .list-proj .i-basic { padding-bottom: 1rem; } .list-proj .i-basic-a { float: left; } .list-proj .i-basic-b { float: right; } .list-proj .i-table { border: 1px solid #d0d0d0; } .list-proj .i-table td { padding: 2rem; } .list-proj .progr, .list-proj .edit { border-left: 1px solid #d0d0d0; } .list-proj .progr { width: 13rem; } .list-proj .edit { width: 13rem; } .list-proj .edit .btn { width: 100%; } .list-proj .edit .btn + .btn { margin-top: 1rem; } .list-proj .i-table .t { font-size: 1.4rem; font-weight: bold; padding-bottom: 1rem;} .list-proj .i-table .d li { width: 20rem; white-space: nowrap; display: block; line-height: 2.4rem; overflow: hidden; float: left; } .list-proj .st { color: #999; } .list-proj .progr-c { font-size: 2.2rem; font-weight: bold; } .list-proj .progr-s { color: #14bc88; font-weight: bold; padding-top: 1rem; } .list-proj-m { } .list-proj-m .i { border-bottom: 1px solid #e6e6e6; padding: 2rem; } .list-proj-m .i + .i { border-top: 1rem solid #f0f0f0; } .list-proj-m .t { font-size: 1.6rem; font-weight: bold; } .list-proj-m .s { padding: 0.5rem 0; } .list-proj-m .cnf { padding: 0.5rem 1rem; background-color: #f5696c; margin: 0.5rem 0; font-weight: bold; color: #FFF; } .list-proj-m .act .btn { width: 40%; } .view-proj { } .view-proj .w1, .view-proj .w2 { padding-right: 5rem; float: left; } .view-proj .w1 .t { font-weight: bold; font-size: 1.4rem;} .view-proj .tm { padding: 2rem; border: 1px solid #dfdfdf; margin: 2rem 0;} .view-proj .tm em { font-size: 2.4rem; color: #14bc88; font-weight: bold; padding: 0 1rem;} .view-proj .ts { font-weight: bold; color: #14bc88; padding: 1rem 0; } .proj-tree { background: url(../images/1px-ccc.png) repeat-y 13rem 0; } .tree-hd, .tree-ft { padding-left: 10.5rem; background-color: #FFF; color: #9f9f9f; } .tree-c { margin: 2rem 0; } .tree-c > div { float: left; height: 2rem; line-height: 2rem;} .tree-c .n { width: 12rem; font-size: 1.4rem; font-weight: bold; } .tree-c .r { width: 2rem; } .tree-c .s { width: 8rem; padding-left: 2rem; } .tree-c .r i { display: block; width: 2rem; height: 2rem; line-height: 2rem; font-size: 2rem; text-align: center; border-radius: 100%; background-color: #FFF; color: #ccc;} .fin .n { color: #14bc88; } .fin .r i { color: #14bc88; } .tree-c .t { color: #999; } .tree-c .t .btn { line-height: 2.4rem; height: 2.4rem; } @media (max-width: 829px) { .view-proj .w1, .view-proj .w2 { width: 100%; float: none; } .view-proj .w2 { padding: 0; padding-top: 3rem; } .proj-tree { background: url(../images/1px-ccc.png) repeat-y 9rem 0; } .tree-hd, .tree-ft { padding-left: 6.5rem; } .tree-c .n { width: 8rem; } } /* 个人中心 - 我的店铺 ----------------------------------------------------*/ .wrap-enter-btn { padding: 6rem 0 10rem; text-align: center; } .wrap-enter-btn > .btn { padding: 0 6rem; line-height: 6rem; height: 6rem; font-size: 1.6rem; } @media (max-width: 829px) { .wrap-enter-btn { padding-top: calc(50vh - 14rem); } } /* 个人中心 - 店铺查看 ----------------------------------------------------*/ .store-info { padding-bottom: 2rem; } .store-info .logo { width: 14rem; height: 14rem; margin: 0 auto; overflow: hidden; } .store-info .t { font-size: 1.6rem; font-weight: bold; text-align: center; line-height: 4rem; c} @media (max-width: 829px) { .store-info { padding: 2rem; } .store-info .logo { width: 8rem; height: 8rem; overflow: hidden; float: left; margin-right: 2rem;} .store-info .t { text-align: left; } } /* 个人中心 - 店铺管理 ----------------------------------------------------*/ .sto-stat { } .sto-stat .i { width: 33.33333333%; float: left; text-align: center; font-size: 1.4rem;} .sto-stat .i + .i { border-left: 1px solid #d0d0d0; } .sto-stat em { margin-left: 2rem; color: #14bc88; } .sto-enter { text-align: center; padding: 5rem 0;} .sto-enter .btn { height: 12rem; width: 12rem; padding-top: 1rem; font-size: 1.4rem;} .sto-enter .btn img { width: 6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .table-sto { } .table-sto .tb-im { width: 8rem; } .table-sto .tb-im img { height: 6rem; } .table-sto p.g { color: #aaa; } .table-sto .tb-edit a { color: #14bc88; } .table-sto .tb-edit a + a { margin-left: 0.5rem; } .sto-edit { display: table; max-width: 80rem; } .sto-edit .a1, .sto-edit .a2 { display: table-cell; vertical-align: top; } .sto-edit .a1 img { max-width: 32rem; } .sto-edit .a2 { padding-left: 2rem; } .sto-edit .t { font-weight: bold; font-size: 1.4rem; } .sto-edit .p { color: #999; } .sto-edit .prc { padding: 0.75rem 0;} .sto-edit .prc em { padding-left: 1rem; } .sto-edit .tips { padding: 1rem; background-color: #f7ffc4; margin: 2rem 0;} .sto-edit .sprc .col { text-align: center; } .sto-edit .sprc .st { padding-bottom: 1rem; color: #999; } .sto-edit .sprc .stm { font-size: 1.8rem; } .sto-edit .sprc .form-control { text-align: center; } @media (max-width: 829px) { .sto-stat .i span, .sto-stat .i em { display: block; } .sto-stat .i em { font-size: 1.8rem; margin: 0; } .sto-enter { padding-top: 2rem; } .sto-enter .btn { width: 30%; margin-bottom: 0.4rem; } .sto-edit, .sto-edit .a1, .sto-edit .a2 { display: block; } .sto-edit { width: 100%; max-width: 100%; } .sto-edit .a1 img { width: 100%; max-width: 100%;} .sto-edit .a2 { padding: 2rem 0 0 0; } } /* 个人中心 - 订单列表 */ .order-i + .pagination { margin-top: 2rem; } .order-i + .order-i { margin-top: 2rem; } .order-basic { border-top: 1px solid #ddd; border-left: 0.5rem solid #14bc88; border-right: 1px solid #ddd; padding: 0.8rem 2rem;} .order-basic span + span { border-left: 1px solid #ccc; padding-left: 1rem; margin-left: 1rem;} .order-ex { float: right; } .order-ex a + a { padding-left: 0.8rem; margin-left: 0.4rem; border-left: 1px solid #d0d0d0; } .order-data { display: table; width: 100%; } .table-dd, .table-tt { display: table-cell; vertical-align: top; } .table-tt { width: 1%; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .table-tt .t { width: 10rem; padding: 1rem; line-height: 1.4; border-bottom: 1px solid #ccc;} .table-tt .c { padding: 1rem; } .table-tt .t + .c { border-top: 1px solid #ccc; } .table-tt .c .btn { height: 2.4rem; line-height: 2.4rem; } .table-tt .c1 { font-size: 1.8rem; color: #14bc88; font-weight: bold; line-height: 1.2; } .table-tt p { color: #999; line-height: 1.2; padding-bottom: 0.4rem;} .table-tt .btn + .btn { margin-top: 0.5rem; } .table-order .td-xs { width: 8rem; } .table-order .td-goods .im { width: 8rem; float: left; margin-right: 2rem; } .table-order .td-goods .im img { width: 100%; } .table-order .td-goods .t { height: 4rem; line-height: 2rem; overflow: hidden; display: block;} .table-order .td-goods .c { color: #999; } .table-order td .input-group { width: 9.4rem; } .table-order td .input-group .btn, .table-order td .input-group .form-control { height: 2.6rem; line-height: 2.6rem; padding: 0 0.8rem; text-align: center;} .table-order .act .btn { height: 2.6rem; line-height: 2.6rem; padding: 0 0.8rem; } .action-tab { padding-bottom: 1rem; } .action-tab .active { font-weight: bold; color: #FFF; background-color: #14bc88;} .action-tab .active em { color: #FFF; } .action-tab a { padding: 0.2rem 1rem; } .action-tab a em { color: #14bc88; padding-left: 0.4rem; } @media (max-width: 829px) { .action-tab { padding: 1rem; } .action-tab a { display: inline-block; width: 32%; text-align: center; background-color: #f0f0f0; margin-bottom: 0.4rem;} } .order-list-m { padding: 1rem 0; } .order-h, .order-f { padding: 1rem; } .order-h { border-bottom: 1px solid #dfdfdf; } .order-f { border-top: 1px solid #dfdfdf; } .order-i-m .order-h, .order-i-m .order-f { height: 5rem; line-height: 3rem; } .order-i-m .order-h .o-s, .order-i-m .order-f .btn { float: right; } .order-i-m .order-h .o-n { color: #999; } .order-i-m { border-bottom: 1px solid #e6e6e6; } .order-i-m + .order-i-m { border-top:1rem solid #f0f0f0; } /* 个人中心 - 订单详情 */ .order-p-info { margin-bottom: 2rem; } .order-p-info .a1 { width: 22rem; float: left; } .order-p-info .a2 { float: left; } .order-p-info .i { } .order-p-total { margin-top: 2rem; text-align: right; margin-bottom: 4rem;} .order-p-total em { font-size: 2rem; margin-right: 1rem; } @media (max-width: 829px) { .order-p-info { padding: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #dfdfdf; } .order-p-total { border-top: 1px solid #dfdfdf; padding-top: 1rem; margin: 2rem 0;} } /* 请使用手机版使用本功能 */ .jmpmob { height: 36rem; background: url(../images/jmpmob.png) no-repeat 50% 50%; } /*入住选择服务区域*/ .pvn-wrap .checkbox .ac-ck { margin-right: 0.6rem; } .pvn-v1 .checkbox{ float: left; } .pvn-v2 { border-top: 1px solid #dfdfdf; padding-top: 1rem; margin-top: 1rem; } .pvn-v2 .ct-b .checkbox { float: left; } /* 个人中心 - 地址管理 */ .list-address { } .list-address .i { width: 42rem; float: left; padding: 1rem 2rem 1rem 0; } .list-address .in { border: 1px solid #d0d0d0; padding: 1rem 2rem; position: relative; height: 16rem; } .list-address .n { font-size: 1.6rem; } .list-address .n em { padding-right: 0.8rem; color: #14bc88; } .list-address .tel { font-size: 1.4rem; position: absolute; right: 1rem; top: 1rem;} .list-address .act { position: absolute; bottom: 1rem; right: 1rem; } @media (max-width: 829px) { .list-address .i { width: 100%; float: none; padding: 0.5rem 0;} } /* 个人中心 - 我的优惠券 */ .wrap-coupon { } .wrap-coupon .i { width: 33.33333333%; padding: 1rem; float: left;} .wrap-coupon .n1 { background: #f5696c url(../images/coupon-h.png) no-repeat 50% 0; padding-top: 4rem; text-align: center; color: #FFF;padding-bottom: 2rem; } .wrap-coupon .n2 { border: 1px solid #dfdfdf; border-top: 0; padding: 2rem; } .wrap-coupon .s { height: 2rem; line-height: 1; overflow: hidden; font-size: 2rem; } .wrap-coupon .t { font-size: 3rem; font-weight: bold; } .wrap-coupon .disable .n1 { background-color: #d0d0d0; } @media (max-width: 829px) { .wrap-coupon, .wrap-coupon .i { padding: 0.5rem;} .wrap-coupon .i { width: 50%; } .wrap-coupon .n2 { padding: 1rem; } } /* 个人中心 - 我的积分 */ .wrap-point { } .wrap-point .h { text-align: center; margin-bottom: 2rem; } .wrap-point .n { color: #14bc88; font-weight: bold; font-size: 2.4rem; } /* 个人中心 - 我的资产 */ .wrap-profit { } .wrap-profit .i { width: 25%; float: left; text-align: center; } .wrap-profit .i + .i { border-left: 1px solid #dfdfdf; } .wrap-profit .n { color: #14bc88; font-weight: bold; font-size: 2.4rem; } .wrap-btn { text-align: center; padding: 2rem 0; } @media (max-width: 829px) { .wrap-profit .i { width: 50%; padding: 1rem; } } /* 个人中心 - 账户安全 */ .wrap-scry { } .wrap-scry .i { width: 50%; float: left; padding: 1rem;} .wrap-scry .in { text-align: center; border: 1px solid #d0d0d0; padding: 2rem; } .wrap-scry .o { margin-bottom: 1rem; } .wrap-scry .o i { font-size: 4rem; color: #aaa; } .wrap-scry .t { font-size: 1.6rem; } .wrap-scry .t em { color: #14bc88; padding-left: 1rem; } .wrap-scry .p { height: 8rem; color: #999; } @media (max-width: 829px) { .wrap-scry .i { width: 100%; float: none; } } /* 购物车 */ .pay-path-c { margin: 0 -1rem; padding-bottom: 2rem;} .pay-path { display: table; width: 100%; } .pay-path .i { display: table-cell; vertical-align: top; padding: 0 1rem;} .pay-path .i p { background-color: #efefef; color: #333; padding: 1rem; text-align: center;} .pay-path .oa p { background-color: #14bc88; color: #FFF; } @media (max-width: 829px) { .pay-path-c { margin: 0; } .pay-path .i p { color: #9f9f9f; background-color: #FFF; } .pay-path .oa p { background-color: #FFF; color: #14bc88; font-weight: bold; } } .list-cart { min-height: 40rem; } .cart-total { padding: 2rem; text-align: right; } .cart-total em { color: #f5696c; font-size: 2.4rem; } .list-cart-m { } .list-cart-m .i { position: relative; display: table; width: 100%; padding: 1rem;} .list-cart-m .i + .i { border-top: 1px solid #dfdfdf; } .list-cart-m .im { display: table-cell; width: 1%; vertical-align: top; padding-right: 1rem; } .list-cart-m .im img { width: 12rem; } .list-cart-m .d { display: table-cell; vertical-align: top; } .list-cart-m .t { font-size: 1.4rem; font-weight: bold; height: 4rem; overflow: hidden; display: block; line-height: 1.4;} .list-cart-m .c { color: #999; } .list-cart-m .s { font-weight: bold; color: #14bc88; } .list-cart-m .i > .input-group { position: absolute; right: 1rem; bottom: 1rem; width: 12rem; } .list-cart-m .i > .del { position: absolute; right: 1rem; bottom: 5rem; } .list-cart-m .i .ac-ck { position: absolute;top: 1rem; } .list-cart-m .act { position: absolute; right: 1rem; bottom: 1rem; } .list-cart-m .ac-ck + .im { padding-left: 1rem; } .list-cart-m .sw { line-height: 1.4; padding-top: 0.8rem;} .list-cart-m .sw .w { color: #999; } .list-cart-m .sw .w em { color: #14bc88; } @media (max-width: 829px) { .pay-path .i { padding: 0; } } /* 确认订单 */ .order-crf-addr { } .order-crf-addr .btn { width: 32rem; height: 8rem; text-align: left; padding: 1.5rem 2rem; margin-right: 1rem; margin-bottom: 1rem;} .order-crf-addr .btn.active { color: #222; } .order-crf-addr .r1 { font-size: 1.6rem; line-height: 1; font-weight: bold;} .order-crf-total { } .order-crf-total .r1 { float: left; } .order-crf-total .r1 span + span { padding-left: 2rem; } .order-crf-total .r1 em { font-size: 2.2rem; color: #f5696c; letter-spacing: -1px; padding: 0 0.5rem; } .order-crf-total .r2 { float: right; } .order-crf-total .r2 .btn { height: 5rem; line-height: 5rem; font-size: 1.4rem; width: 15rem;} .order-pay-ch .btn { width: 22rem; height: 8rem; margin-right: 1rem; margin-bottom: 1rem; border-width: 0.4rem;} .order-pay-ch .btn, .order-pay-ch .btn.active, .order-pay-ch .btn:hover { background-color: #FFF; } .order-pay-ch .btn-pay-wx { background: #FFF url(../images/pay-wx.jpg) no-repeat 50% 50% / contain; } .order-pay-ch .btn-pay-al { background: #FFF url(../images/pay-al.jpg) no-repeat 50% 50% / contain; } .order-pay-succ .t i { font-size: 6rem; color: #14bc88; line-height: 1;} .order-pay-succ .t span { font-size: 3rem; line-height: 1;} .order-pay-succ .p { padding: 2rem 0; font-size: 1.6rem; } .order-pay-succ .p em { padding: 0 0.5rem; color: #14bc88; } @media (max-width: 829px) { .order-crf-addr .btn { width: 100%; float: none; } .order-pay-ch .btn-group { width: 100%; } .order-pay-ch .btn-group .btn { width: 44%; } } /* 装修日记 */ .wrap-diary { } .wrap-diary .i { display: table; width: 100%; } .wrap-diary .i + .i { border-top: 1px solid #dfdfdf; } .wrap-diary .i-avt, .wrap-diary .i-c { display: table-cell; vertical-align: top; padding: 3rem 2rem;} .wrap-diary .i-avt { text-align: center; width: 1%; } .wrap-diary .i-avt .avatar { } @media (max-width: 829px) { .wrap-diary .i-avt { font-size: 1rem; } } .wrap-diary .i-c .t { font-size: 1.6rem; font-weight: bold; display: block;} .wrap-diary .i-c .tag { float: left; width: 70%; } .wrap-diary .i-c .tag span { color: #14bc88; padding-right: 1rem; } .wrap-diary .i-c .view { float: right; width: 30%; text-align: right; } .wrap-diary .i-c .view i { color: #14bc88; } .wrap-diary .i-c .d { padding: 1rem 0; line-height: 1.8; } .wrap-diary .i-c .im a { display: inline-block; height: 6rem; width: auto; margin-right: 1rem; } .wrap-diary .i-c .im a img { height: 6rem; } @media (max-width: 829px) { .wrap-diary .i-c .im a { height: 4rem; margin-right: 0.5rem; padding-bottom: 0.5rem;} .wrap-diary .i-c .im a img { height: 4rem; } } .diary-cat { padding: 2rem; } .diary-cat .t { font-size: 1.4rem; color: #14bc88; line-height: 3rem; padding-top: 1rem;} .diary-cat li { width: 33%; float: left; } .diary-cat li a { display: block; } .diary-hd { display: table; width: 100%; background: url(../images/pheader-diary.jpg) no-repeat 50% 50% / cover;} .diary-hd .c, .diary-hd .avt { display: table-cell; vertical-align: top; padding: 2rem 3rem; } .diary-hd .avt { width: 1%; text-align: center; } .diary-hd .t { font-size: 2rem; font-weight: bold; } .diary-hd .s i { padding-right: 0.5rem; } .diary-hd .s a { padding-left: 2rem; color: #14bc88; } .diary-hd .g span { padding: 0 1rem; background-color: #14bc88; color: #FFF; border-radius: 0.5rem; } .diary-hd .g i { padding-right: 1rem; } .wrap-diary-c { padding-top: 2rem; } .wrap-diary-c .i { padding: 1rem; } .wrap-diary-c .hd { margin-left: -1rem; margin-top:2rem; font-size: 2rem; border-left: 1em solid #14bc88; line-height: 1; padding-left: 1em; } .wrap-diary-c .c { padding-top: 2rem; } .wrap-diary-c .t { border: 1px solid #14bc88; background-color: #14bc88; color: #FFF; height: 3rem; line-height: 3rem; display: inline-block; overflow: hidden; padding-left: 1rem;} .wrap-diary-c .t span { display: inline-block; height: 3rem; line-height: 3rem; background-color: #FFF; color: #14bc88; padding: 0 1rem; margin-left: 1rem; } .wrap-diary-c .c { padding-top: 2rem; } .wrap-diary-c .im { padding-top: 2rem; } .wrap-diary-c .im a { display: inline-block; padding-bottom: 0.5rem; } .wrap-diary-c .im img { max-width: 12rem; } .act-comment { display: table; width: 100%; } .act-comment .avt, .act-comment .m, .act-comment .act { display: table-cell; vertical-align: top; padding: 2rem 1rem;} .act-comment .avt { text-align: center; } .act-comment .m { width: 100%; } .act-comment .avt, .act-comment .act { } @media (max-width: 829px) { .act-comment .avt, .act-comment .m, .act-comment .act { display: block; padding: 1rem 2rem;} .act-comment .avt .avatar { margin: 0 auto; } } .diary-stat { } .diary-stat .i { width:33.33333333%; float: left; text-align: center; padding: 1rem 0; } .diary-stat .i + .i { border-left: 1px solid #dfdfdf; } .diary-stat em { color: #14bc88; font-size: 1.8rem; } .diary-cat-tg { } .diary-cat-tg li a { display: block; height: 3rem; line-height: 3rem; padding: 0 2rem; } .diary-cat-tg li em { float: right; color: #14bc88;} @media (max-width: 829px) { .wrap-diary .i-avt, .wrap-diary .i-c, .diary-hd .c, .diary-hd .avt { display: block; padding: 2rem;} .wrap-diary .i-avt, .diary-hd .avt { width: 7rem; padding: 0 2rem 0 0; float: left;} .wrap-diary .i-avt, .diary-hd .avt { font-size: 1rem; } .wrap-diary .i-avt .avatar, .diary-hd .avt .avatar { width: 5rem; height: 5rem; } .wrap-diary .i-c .t { white-space: nowrap; overflow: hidden;text-overflow: ellipsis; } .wrap-diary .i-c .tag { float: none; width: 100%; } .wrap-diary .i-c .view { float: none; width: 100%; text-align: left; } .diary-stat { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .diary-hd { background: transparent; } .diary-hd .t { line-height: 1.2; font-size: 1.8rem; } .diary-hd .g { } .wrap-diary-c .im img { max-width: 8rem; } } /* 预约 */ .surface-subsc { padding: 4rem; background: url(../images/subsc-bg.jpg) no-repeat 0 100% / auto 24rem; } .surface-subsc .subsc-info { margin-bottom: 10rem; } .surface-subsc p { font-size: 1.8rem; color: #222; font-weight: bold; padding-bottom: 2rem; } .surface-subsc .subsc-info .n { font-size: 1.4rem; } .surface-subsc .subsc-info .avatar { float: left; margin-right: 3rem; } .surface-subsc .subsc-info .n em { padding-right: 1rem; } .surface-subsc .f-t { width: 7rem; } .surface-subsc .f-c .col { margin-bottom: 1.25rem; } .surface-subsc .wrap-submit { padding-top: 5rem; } .surface-subsc .wrap-submit .btn { height: 5rem; line-height: 5rem; } @media (max-width: 829px) { .surface-subsc .subsc-info { margin-bottom: 3rem; } } /* 侧栏 热门直播 */ .live-hot { } .live-hot .i { padding: 1rem 0; } .live-hot .i + .i { border-top: 1px solid #dfdfdf; } .live-hot .t { font-size: 1.4rem; font-weight: bold; padding: 0 1rem;} .live-hot .s { padding: 0 1rem; } .live-hot .im { display: block; padding-top: 1rem; } .live-hot .im img { width: 100%; } .live-hot .v { text-align: right; padding: 1rem; } /* 直播 进度 */ .live-stat { padding: 2rem; border-bottom: 1px solid #dfdfdf;} .live-stat .i { width: 10%; float: left; padding: 0 0.5rem; } .live-stat span { display: block; line-height: 3rem; text-align: center; border: 0.2rem solid #d0d0d0; } .live-stat .yes span { border-color: #14bc88; color: #14bc88; font-weight: bold; } @media (max-width: 829px) { .live-stat .i { width: 20%; padding: 0.2rem } .live-stat span { border: 1px solid #d0d0d0; } } /* 问答列表 */ .list-qa { } .list-qa .i { padding: 1rem; position: relative; } .list-qa .i + .i { border-top: 1px solid #dfdfdf; } .list-qa .t { display: block; font-size: 1.4rem; font-weight: bold; padding-right:6rem;} .list-qa .t span { color: #9f9f9f; padding-right: 0.8rem; font-weight: normal; } .list-qa .t span.yes { color: #14bc88; } .list-qa .s { color: #9f9f9f; } .list-qa .n { position: absolute; right: 1rem; top: 1rem; } .list-qa .n em { font-size: 1.4rem; color: #14bc88; padding-right: 0.5rem; } /* 问答详情 */ .qa-v-hd { background: url(../images/qa-hd-1.jpg) no-repeat 100% 100% / contain; padding: 2rem;} .qa-v-hd .d span { display: inline-block;padding: 0 1rem; line-height: 3rem; font-size: 1.4rem; } .qa-v-hd .d .st1 { border: 1px solid #d0d0d0;} .qa-v-hd .d .st2 { border: 1px solid #14bc88; font-weight: bold; color: #14bc88; ;} .qa-v-hd .t { padding: 1rem 0; font-size: 1.8rem; font-weight: bold; line-height: 1.4;} .qa-v-hd + .qa-v-all { border-top: 1px solid #d0d0d0; } .qa-v-mst { border: 0.3rem solid #14bc88; padding: 2rem;} .qa-v-mst .t { font-size: 1.8rem; font-weight: bold; color: #14bc88; line-height: 1; padding-bottom: 3rem;} .qa-v-mst .avt { text-align: center; float: left; padding-right: 3rem; margin-right: 3rem;} .qa-v-mst .avatar { width: 6rem; height: 6rem; } .qa-v-all { } .qa-v-all .t { padding: 1rem 2rem; font-size: 1.4rem; } .qa-v-all .i { border-top: 1px solid #dfdfdf; padding: 3rem; position: relative;} .qa-v-all .ex { position: absolute; right: 1rem; top: 1rem; } .qa-v-all .avt em { font-size: 1.4rem; } .qa-v-all .avatar { width: 4rem; height: 4rem; float: left; margin-right: 2rem;} @media (max-width: 829px) { .qa-v-mst .t { padding-bottom: 1rem; } .qa-v-mst .avt { padding-right: 1rem; margin-right: 1rem; } .qa-v-all .i { padding: 5rem 2rem 2rem; } } /* 我要提问 */ .qa-s { padding: 4rem 30rem 4rem 4rem; } .qa-s p { line-height: 4rem;font-size: 1.6rem; color: #14bc88; } .qa-s input.form-control, .qa-s select.form-control { line-height: 4.6rem; height: 4.6rem; } @media (max-width: 829px) { .qa-s { padding:2rem } } /* 攻略 */ .skill-focus { margin-bottom: 5rem; } .skill-idx-fst { padding: 0 1.5rem; } .skill-idx-fst .t { padding: 2rem 1.5rem 0; } .skill-idx-fst .c { width: 100%; float: left; padding: 1.5rem;} .skill-idx-fst .c a { display: block; height: 18rem; background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat; } .skill-idx-fst .c .a1 { background-image: url(../images/skill-tmp-01.jpg); } .skill-idx-fst .c .a2 { background-image: url(../images/skill-tmp-02.jpg); } .skill-idx-fst .c .a3 { background-image: url(../images/skill-tmp-03.jpg); } .skill-idx-wrap { padding: 0 1.5rem; } .skill-idx-wrap .i { width: 50%; float: left; padding: 0 1.5rem;} .skill-idx-wrap .in { } .skill-idx-wrap .t { position: relative; margin-bottom: 1rem;} .skill-idx-wrap .t span { font-size: 2rem; font-weight: bold; } .skill-idx-wrap .t .more { position: absolute; right: 1rem; bottom: 0; display: inline-block; } .skill-idx-wrap .t .s-cat { position: absolute; right: 6rem; bottom: 0; } .skill-idx-wrap .t .s-cat a { padding: 0 1rem; } .skill-idx-wrap .focus-im { display: block; position: relative; overflow: hidden;} .skill-idx-wrap .focus-im img { width: 100%; } .skill-idx-wrap .focus-im p { position: absolute; width: 100%; text-align: center; bottom: 0; left: 0; color: #FFF; background-color: rgba(0,0,0,0.6); font-size: 1.4rem; padding: 1rem 0;} @media (max-width: 829px) { .skill-focus { margin-bottom: 0; } .skill-idx-fst .c { padding: 0.4rem; } /* .skill-idx-fst .c a { height: 8rem; }*/ .skill-idx-wrap .i { width: 100%; float: none; padding: 0; } .skill-idx-wrap .t .s-cat a { padding: 0 0.4rem; } } /* 攻略 列表 */ .wrap-article-cat .dropdown { width: 100%; } .wrap-article-cat .dropdown .btn { width: 100%; font-size: 1.4rem; height: 4rem; line-height: 4rem;} .wrap-article-cat .dropdown-menu { width: 100%; } .wrap-article-cat .t, .wrap-article-cat .sub a { display: block; } .wrap-article-cat .t { line-height: 4rem; font-weight: bold; color: #14bc88; padding-left: 2rem; margin-top: 1rem; } .wrap-article-cat .sub + .t { border-top: 1px solid #dfdfdf; } .wrap-article-cat .sub { padding-left: 4rem; } .wrap-article-cat .sub a { line-height: 2.8rem; width: 50%; float: left; } @media (max-width: 829px) { .wrap-article-cat .sub a { width: 33.33333333%; } } /* 攻略 详情 */ .article-hd { padding: 2rem; } .article-hd .t { font-size: 1.8rem; font-weight: bold; } .article-hd .s { color: #999; } .article-c { padding: 2rem; border-top: 1px solid #dfdfdf; } .article-c img { max-width: 100%; } .article-g { padding: 2rem; } .article-g a { max-width: 47%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:1rem 2rem; border: 1px solid #dfdfdf; color: #999;} .article-g .a1 { float: left; } .article-g .a2 { float: right; } /* vip资格申请 */ .w-dealer-enter-1 { background: #FFF url(../images/vip-c-1.jpg) no-repeat 50% 0; padding-bottom: 10rem;} .w-dealer-enter-1 .tm { padding: 16rem 0 26rem 4rem; } .w-dealer-enter-1 .p-info .t { font-size: 2rem; padding-bottom: 0.6rem; font-weight: bold;} .w-dealer-enter-1 .p-info p em { color: #14bc88; padding: 0 0.2rem;} .w-dealer-enter-1 .p-info .col { padding: 0 3rem; } .w-dealer-enter-1 .p-stuff { margin: 5rem 0; padding: 3rem; border: 1px solid #d0d0d0;} .w-dealer-enter-1 .p-stuff .t { padding: 1rem 0; color: #14bc88;} .w-dealer-enter-1 .p-flow { display: table; width: 100%; border: 1px solid #d0d0d0; padding: 3rem 1rem; } .w-dealer-enter-1 .p-flow .i { display: table-cell; vertical-align: middle; } .w-dealer-enter-1 .p-flow .c { width: 20%; padding: 0 2rem; } .w-dealer-enter-1 .p-flow .r { width: 1%; } .w-dealer-enter-1 .p-flow .r i { color: #afafaf; font-size: 2rem; } .w-dealer-enter-1 .p-flow .i .num { width: 4rem; height: 10rem; font-size: 3rem; font-weight: bold; color: #14bc88; float: left; line-height: 1;} .w-dealer-enter-1 .p-flow .i .t { font-size: 1.6rem; color: #333; font-weight: bold; } .w-dealer-enter-1 .p-flow .i .d { font-size: 1.2rem; } .dealer-action { text-align: center; padding-top: 3rem;} .dealer-action p { padding-top: 3rem; font-size: 1.6rem; } .w-dealer-enter-2 { padding-bottom: 10rem; } .w-dealer-enter-2 .dect { text-align: center; padding-bottom: 5rem; padding-top: 4rem; } .w-dealer-enter-2 .dect em { color: #14bc88; padding: 0 0.5rem; } .w-dealer-enter-2 .upload-wrap { display: table; width: 100%; } .w-dealer-enter-2 .upload-wrap .i { display: table-cell; vertical-align: middle; border: 1rem solid #f0f0f0; text-align: center;padding-top: 3rem; padding-bottom: 4rem; background-color: #FFF; width: 50%;} .w-dealer-enter-2 .upload-wrap p { padding-bottom: 1rem; } .w-dealer-enter-2 .upload-wrap .i span { font-size: 1.2rem; color: #999; line-height: 5rem;} .w-dealer-enter-2 .upload-wrap .i img { height: 14rem; margin-bottom: 3rem;} .w-dealer-enter-2 .upload-wrap .upd { max-width: 20rem; margin: 0 auto; position: relative;} .w-dealer-enter-2 .upload-wrap .upd input { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0; cursor: pointer;} .w-dealer-enter-2 .upload-wrap .upd .btn { font-size: 1.6rem; height: 6rem; line-height: 6rem;} .dealer-bank-prc { font-size: 1.6rem; } .dealer-bank-prc span { display: inline-block; font-size: 1.6rem;} .dealer-bank-prc span + span { padding-left: 2rem; margin-left: 2rem; } @media (max-width: 829px) { .w-dealer-enter-1 { background-size: 100% auto; padding-bottom: 2rem;} .w-dealer-enter-1 .tm { padding: 13rem 5rem 3rem; } .w-dealer-enter-1 .tm img { width: 100%; } .w-dealer-enter-1 .p-info { padding: 2rem; } .w-dealer-enter-1 .p-info .t { padding: 0; margin: 1rem 0; } .w-dealer-enter-1 .p-flow, .w-dealer-enter-1 .p-flow .i { display: block; } .w-dealer-enter-1 .p-flow .r { display: none; } .w-dealer-enter-1 .p-flow .c { width: 50%; height: 15rem; float: left;} .w-dealer-enter-1 .p-flow .i .num { height: 4rem; } .w-dealer-enter-1 .p-flow .i .t { line-height: 1.4; } .w-dealer-enter-1 .p-stuff { margin: 2rem; padding: 2rem; } .w-dealer-enter-2 .upload-wrap { display: block; } .w-dealer-enter-2 .upload-wrap .i { display: block; width: 100%; } } .qr-sh { text-align: center; } .qr-sh img { max-width: 100%; margin-bottom: 2rem; } /* 砍价 */ .wrap-bargain .hd { background: #de2f1e url(../images/bargain-m-top.jpg) no-repeat 50% 0% / 100% auto; text-align: center; } .wrap-bargain .hd .avt { padding: 2rem 0; } .wrap-bargain .hd .avatar { width: 9rem; height:9rem; margin: 0 auto; } .wrap-bargain .hd .part { padding: 2rem; margin: 0; } .wrap-bargain .hd .brg-info { color: #FFF; font-size: 1.4rem; } .wrap-bargain .hd .brg-info .t { font-size: 1.8rem; } .goods-info-snippet { overflow: hidden; background-color: #FFF; text-align: left; padding: 1rem;} .goods-info-snippet .imo { width: 8rem; height: 8rem; float: left; margin-right: 2rem; } .goods-info-snippet .t { font-weight: bold; font-size: 1.4rem; height: 4.8rem; overflow: hidden; line-height: 1.4; padding: 0.6rem 0; } .goods-info-snippet .s { padding-top: 1rem; } .wrap-bargain .bd { padding-top: 2rem; background: url(../images/bargain-arr01.png) no-repeat 50% 0; } .wrap-bargain .bd .t1 { font-size: 2rem; text-align: center;} .wrap-bargain .bd .t2 { font-size: 2.4rem; text-align: center;} .wrap-bargain .bd .avt-lst { text-align: center; padding: 2rem 0; } .wrap-bargain .bd .avt-lst .avatar { width: 6rem; height: 6rem; display: inline-block;} .wrap-bargain .bd .s { color: #999; text-align: center; font-size: 1.6rem;} .wrap-bargain .bd .act { text-align: center; padding: 2rem 0; } .wrap-bargain .bd .act .btn { width: 46%; } .wrap-bargain .bd p { text-align: center; margin: 1rem 0; border-bottom: 1px solid #dfdfdf; line-height: 4rem; } .wrap-bargain .brg-list { } .wrap-bargain .brg-list .i { padding: 1rem 2rem; position: relative;} .wrap-bargain .brg-list .i .avatar { float: left; width: 5rem; height: 5rem; margin-right: 2rem; } .wrap-bargain .brg-list .i .n { font-weight: bold; } .wrap-bargain .brg-list .i .r { color: #fc8d58; font-weight: bold; position: absolute; right: 2rem; top:1rem; font-size: 1.6rem;} .wrap-bargain .brg-list .i .s { text-align: left; } .modal-bargain .modal-body { padding-top: 10rem; background: #fcd400 url(../images/bargain-suc-top.jpg) no-repeat 50% 0 / contain; } .modal-bargain .modal-body .tips { font-size: 1.6rem; text-align: center; padding: 15rem 4rem; color: #000;} /* 邀请好友砍价 */ .wrap-bargain-inv { padding: 2rem; } .wrap-bargain-inv .mt { font-size: 1.8rem; text-align: center; padding-bottom: 2rem;} .wrap-bargain-inv .t { font-size: 1.4rem; font-weight: bold; } .wrap-bargain-inv .qr { padding: 2rem; text-align: center; } .wrap-bargain-inv .qr img { width: 16rem; } .wrap-bargain-inv .help { border-top: 1px solid #dfdfdf;} .wrap-bargain-inv .help .i { overflow: hidden; padding: 2rem 0; border-bottom: 1px solid #dfdfdf;} .wrap-bargain-inv .help .i img { display: block; float: left; width: 60%; border: 1px solid #dfdfdf; margin-right: 2rem; } /* 砍价发起 */ .wrap-bargain-start { } .wrap-bargain-start .prc { text-align: center; padding: 2rem 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-top: 2rem;} .wrap-bargain-start .prc em { padding: 0 1rem; color: #f5696c; font-size: 1.8rem; } .wrap-bargain-start .tim { text-align: center; padding: 2rem 0; } .wrap-bargain-start .tib { text-align: center; padding: 2rem 0; font-size: 1.6rem;} .wrap-bargain-start .tib em { padding: 0 1rem; color: #f5696c; } /* 180904 购物车数字标记 */ .cart-w { position: relative; } .cart-w span { position: absolute; background-color: #f5696c; width: 2rem; height: 2rem; display: block; text-align: center; line-height: 2rem; font-size: 1rem; color: #FFF; left: 0; top: 0; border-radius: 100%;} /* 180907 微信支付结算扫码 */ .qrcode-pay-w { background: #14bc88 url(../images/qrcode-wxpay-bottom.png) no-repeat 50% 100%; height: 100%; display: table; width: 100%;} .qrcode-pay-w .in { display: table-cell; vertical-align: middle; } .qrcode-pay-w .i { max-width: 30rem; margin: 0 auto; text-align: center; padding-bottom:15%;} .qrcode-pay-w p { font-weight: bold; font-size: 1.8rem; line-height: 6rem; color: #FFF; } .qrcode-pay-w .im { padding: 7rem; background: url(../images/qrcode-wxpay-bg.png) no-repeat 50% 50% / contain; } .qrcode-pay-w .im img { width: 100%; border: 1rem solid #FFF; } /* 180912 支付前选择优惠券 */ .btn-group-yh { } .btn-group-yh .btn { padding: 1rem 4rem; height: auto; margin-right: 0.5rem;} @media (max-width: 829px) { .btn-group-yh .btn { margin: 0.2rem 0.5rem; width: 40%; float: left;} } /* 180926 */ .shop-news .goods-i img { } /* 180927 单页 */ .spage-wrap { background-color: #FFF; } .spage-hd { padding: 3rem 5rem; background: url(../images/spage-hd.jpg) no-repeat 100% 50%; border-bottom: 1px solid #14bc88; } .spage-hd .t { font-size: 3.2rem; font-weight: bold; color: #121212; } .spage-main { font-size: 1.4rem; padding: 3.5rem;} /* 181116 */ .shop-list-ex { float: right; padding-top: 1rem;} #shaoplistvmodewrap { } .shoplistvmode { display: block; width: 3rem; height: 3rem; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbJJREFUeNpiZACC0NBQub9///b9///fHsgVYcAO3gDxIaCasg0bNtxloBJg9Pf3l2ViYroAZAsRqecdIyOj/rp1654gC3p7ewuys7Mr/vv3j5EYQ4DqvmzatOkmC9DyCUiWXwLimzj0qAOxHkgtMBT6gHQYTCIoKEgSKHYDiPmAjiPKF8zMzAyBgYFNLEC2K1Ts4vr16w2B9H9coQXUcBFI6wKxG7IEMPoEgR7hJTn4GRnlQA6AabyFx3IGqNwNqAP4kSU2btx4Deg4L2AIyJFgOVD5/3Us1EpMwNDbQY4+JoYBBqMOoFoaILscALI/ATEfEKuCEie+bAgtC0DgI7IEpeXAXiAOBGIDoMAFoCGvcGQbMWhBBGLvoVo5ANRcCXSNA5AvCLKACB+8B6qppFY5wIhWGbkhFUzoABRVe6hdGY2CUcA4bFpEQE9I/PnzxxzIZCPSnF9AT5+gSosIBICWH0AqKYktDa9TpUWEHJ2kxgBVWkTgWo2FxR5YweiQYvvv378vU602XL169Qsg9WK0QTJyW0RklwPUaBFRWg5Q3CKiqBygRouIknJgwFtEAAEGAJMUB3RpjCS4AAAAAElFTkSuQmCC") no-repeat 50% 50% / 2.2rem auto; } #shaoplistvmodewrap.ls .shoplistvmode { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZ1JREFUeNpiDAwMnMfAwPCfgQzAwsJS+vfvX+X///9nMJAHlFmAxGMgriPTgCKg5d+BdBKZ+ucxAglGYCj8A9K6QFxOjKuB2BIaAvJ//vyxAjKXQ+U2AfEnQgYAQ62EmZn5BZBpxQK0vAEqPmn9+vVOhDQHBwcb/vv37xyU+xGIr8DkgI5J3rx58xtCZgQEBCyCMlOYGAYYjDpg1AGjDhhwB8BLQiCwZmJi8iZCjz4Qe+MoCWcC8VuCljIyzgIW4Q9AJSHI8kZy6wKgAwSADpAFMi+TWxewAF1iBXTRbjINYANiYSAmV787w4gHoDRwndwGCTDqnIGJ1wBI95KjX1RUVB/UIFlFbiIE1unfgGkI1KDRJEf/69evZ8CzITALegANUyakCagG1BiJwZENm4Ch8ZIIM/YAqZsoDRJgUJYT2SA5DlQbg6NBMpnYBgnQoaMNklEHjDpg1AGoDRJoqbaACD2SQKyBrSQEFi4ngaXcNyJKwiCg2vcoJSHQoIdkeAClJAQabE5kJfYe1jUDNUiAfMYmCkOSXP2yAAEGABMPqnfkws3uAAAAAElFTkSuQmCC") no-repeat 50% 50% / 2.2rem auto; } #shaoplistvmodewrap.ls .x5 > .i, #shaoplistvmodewrap.ls .x4 > .i, #shaoplistvmodewrap.ls .x3 > .i { width: 100%; float: none; } #shaoplistvmodewrap.ls .gird > .i, #shaoplistvmodewrap.ls .gird > .i:nth-of-type(2n+1) { padding: 0; } #shaoplistvmodewrap.ls .gird > .i + .i { padding-top: 1.5rem; } #shaoplistvmodewrap.ls .gird > .i .cv { display: block; width: 40%; float: left;} #shaoplistvmodewrap.ls .gird > .i .goods-d { width: 60%; float: right; padding-left: 1rem;} #shaoplistvmodewrap.ls .gird-default .t { padding-top: 0; } /* 181121 */ .wx-red-bld { text-align: center; border-bottom: 1px solid #dfdfdf; margin-bottom: 2rem;} .wx-red-bld .avt { margin: 0 auto; width: 8rem; } .wx-red-bld .avt img { width: 100%; } .wx-red-bld .n { font-size: 1.2rem; margin: 2rem 0; } .wx-red-bld .n em { padding-left: 0.6rem; } /* 190116 */ .ris-wrap { position: relative; } .rsi-mainframe { width: 100%; height: 100%; } .rsi-enter { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; background-color: rgba(0,0,0,0.6); color: #FFF; padding-top: 34rem;} .rsi-enter .t { font-size: 3rem; color: #FFF; text-align: center;} .rsi-enter .c { text-align: center; padding-top: 5%; } .rsi-enter .c .btn { height: 4.2rem; line-height: 4rem; font-size: 1.6rem; padding: 0 6rem;} /* 190429 */ .act-inv-help-x { display: flex; justify-content: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.9) url(../images/inv-help.png) no-repeat 90% 5% / 75% auto; z-index: 9000; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .act-inv-help-x.open { opacity: 1; visibility: visible; } .act-inv-help-x .act-inv-help-tog { width: 40%; height: 10%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; opacity: 0.8; color: #FFF; border: 1px solid #FFF; margin-top: 100%; text-align: center; } /* 190507 */ .list-suit { padding: 1rem; } .list-suit .i { width: 50%; padding: 1rem; float: left; } .list-suit .in { border: 1px solid #dfdfdf; } .list-suit .imo { height: 0; position: relative; padding-bottom: 60%; } .list-suit .imo img { height: 100%; position: absolute; left: 0; top: 0; } .list-suit .c { display: table; width: 100%; padding: 1.5rem 2rem; } .list-suit .c1 { display: table-cell; vertical-align: middle; width: 100% ;} .list-suit .c2 { display: table-cell; vertical-align: middle; width: 0;} .list-suit .h i { display: inline-block; background-color: #14bc88; color: #FFF; font-size: 1.2rem; line-height: 1.8rem; padding: 0 0.6rem; border-radius: 0.2rem; } .list-suit .h em { font-size: 1.6rem; line-height: 1; color: #121212; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-suit .s i { display: inline-block; padding-right: 0.4rem; } .list-suit .prc { width: 12rem; text-align: right;} .list-suit .prc i, .list-suit .prc em { white-space: nowrap; } .list-suit .prc em { font-weight: bold; font-size: 3.4rem; letter-spacing: -2px; color: #121212; line-height: 1;} .list-suit .prc i { color: #14bc88; font-weight: bold; font-size: 1.4rem; } @media ( max-width: 828px ) { .list-suit .c { padding: 1rem; } .list-suit .c, .list-suit .c1, .list-suit .c2, .list-suit .s i { display: block; } .list-suit .s i { line-height: 1.2; } .list-suit .prc { width: auto; display: flex; padding-top: 1rem; } .list-suit .prc em { font-size: 1.8rem; } .list-suit .h em { padding: 1rem 0; display: block;} } @media ( min-width: 829px ) { .cat-i.ex { position: relative; } .cat-i.ex .sel-act { position: absolute; right: 1rem; top: 1rem; } .sel-act .c { float: left; } .sel-act .c1 { width: 10rem; } .sel-act .cj { line-height: 3rem; padding: 0 1rem; } .sel-act .c2 { padding-left: 1rem; } } @media ( max-width: 828px ) { .cat-i.ex .sel-act { display: flex; width: 100%; padding: 1rem 0;} .sel-act .cj { padding: 0 1rem; } .sel-act .c2 { padding-left: 1rem; } } .view-suit-h { display: table; width: 100%; table-layout: fixed; padding: 1rem; } .view-suit-h .h-focus { display: table-cell; width: 50%; padding: 1rem; vertical-align: top;} .view-suit-h .h-focus .in { height: 0; padding-bottom: 60%; position: relative; } .view-suit-h .h-focus .in img { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .view-suit-h .h-focus .in .lp { display: block; position: absolute; right: 0; top: 0; width: 10rem; height: 10rem; background: url(../images/part2/720.png) no-repeat 100% 0 / contain; } .view-suit-h .h-hd { display: table-cell; width: 50%; padding: 1rem; vertical-align: top;} .view-suit-h .h-hd .t { font-size: 2.2rem; font-weight: bold; color: #121212; line-height: 1; padding-bottom: 1rem;} .view-suit-h .h-hd .c { padding-top: 1rem; } .view-suit-h .h-hd .prc { padding-top: 2rem; } .view-suit-h .h-hd .prc i { font-size: 3rem; color: #14bc88; letter-spacing: -2px; font-weight: bold; padding-left: 1rem;} .view-suit-h .h-hd .prc cite { padding: 0 1rem; } .view-suit-h .focus-sw li { width: 25%; float: left; padding: 0.5rem; } .view-suit-h .focus-sw li a { display: block; height: 0; padding-bottom: 60%; position: relative; } .view-suit-h .focus-sw li a:focus { box-shadow: 0 0 0 .4rem #14bc88; } .view-suit-h .focus-sw li a img { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0;} .suit-nv-xa { text-align: center; padding: 2rem 0; } .suit-nv-xa li { padding: 0 1rem; display: inline-block;} .suit-nv-xa li a { display: block; line-height: 4rem; padding: 0 6rem; font-size: 1.46rem;} .suit-nv-xa li.active a { background-color: #14bc88; color: #FFF; } .suit-nv-xb { text-align: center; padding: 1rem 0; } .suit-nv-xb li { padding: 0 0.5rem; display: inline-block; } .suit-nv-xb li a { display: block; line-height: 3rem; padding: 0 3rem; border: 1px solid transparent;} .suit-nv-xb li a:hover { background-color: #f0f0f0; } .suit-nv-xb li.active a { border-color: #14bc88; color: #14bc88; } .suit-pane .tab-pane { padding: 1rem; min-height: 200px;} .suit-pane .p-content { padding: 2rem; font-size: 1.6rem; } .chos-h { } .chos-h p { display: inline-block; font-size: 2rem; color: #121212; font-weight: bold; padding-right: 1rem;} .chos-h i { display: inline-block; font-size: 1.2rem; color: #14bc88; line-height: 2rem; padding: 0 .6rem; border: 1px solid #14bc88; } .chos-lst .inner { margin: 0 -1rem; } .chos-lst .btn { display: block; width: 50%; border: 0; box-shadow: none; padding: 1rem; line-height: 1.4; height: auto; float: left; text-align: left; white-space: initial;} .chos-lst.x4 .btn { width: 25%; } .chos-lst .btn .c { border: 4px solid #f0f0f0; padding: 1rem;} .chos-lst .btn.active .c { border-color: #14bc88; box-shadow: 0 0 1rem #14bc88;} .chos-lst .c .in { display: flex; width: 100%; } .chos-lst .c .in .i { flex: 1; padding: 0.5rem; } .chos-lst .c .imo { margin-bottom: 1rem; position: relative; height: 0; display: block; padding-bottom: 60%; } .chos-lst .c .imo img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .chos-lst .c .ct { font-size: 1.4rem; font-weight: bold; color: #121212; } .chos-lst .c .act { padding-top: 0.5rem; border-top: 1px dashed #dfdfdf; margin-top: 0.5rem;} .chos-lst .c .act a { font-size: 2rem; font-weight: bold; color: #121212; display: inline-block;} .chos-lst .c .act .v { float: right; } .chos-lst .c .act span, .chos-lst .c .act cite { display: inline-block; vertical-align: middle; } .chos-lst .c .act span { color: #14bc88; } .chos-lst .c .act span em { color: #121212; font-size: 2rem; font-weight: bold; letter-spacing: -1px; } .chos-lst .c .act cite { width: 2.2rem; height: 2.2rem; border: 1px solid #ccc; border-radius: 0.4rem; margin-left: 1rem; } .chos-lst .active .c .act cite { background: #14bc88 url(../images/part2/ok.png) no-repeat 50% 50% / 80% auto; border-color: #14bc88; } .chos-lst-wrap { padding: 2rem; } @media (max-width:828px) { .chos-h { text-align: center; margin-top: 1rem;} .suit-nv-xb { display: flex; justify-content: center; } .suit-nv-xb li a { padding: 0 1rem; } .view-suit-h, .view-suit-h .h-hd, .view-suit-h .h-focus { display: block; width: 100%; } .chos-lst .btn { width: 100%; } .chos-lst.x4 .btn { width: 50%; } .chos-lst .c .in { display: flex; } .chos-lst .c .in .i { display: block; flex: 1; width: 0; } .view-suit-h .h-hd { position: relative; } .view-suit-h .focus-sw { position: absolute; top: 0; left: 0; width: 100%; padding: 0.5rem; } } .common-total { position: fixed; width: 100%; bottom: 0; left: 0; background-color: #FFF; z-index: 2000; padding: 1rem; border-top: 1px solid #dfdfdf;} .common-total .inner { margin: 0 auto; display: table; width: 500px; table-layout: fixed; } .common-total .n { display: table-cell; width: 65%; vertical-align: middle; padding-right: 1rem;} .common-total .n em { font-size: 2.2rem; color: #14bc88; padding: 0 0.4rem;} .common-total .act { display: table-cell; width: 35%; vertical-align: middle; } @media (max-width:828px) { .common-total .inner { width: 100%; } .common-total .n em { font-size: 1.8rem; letter-spacing: -1px; } } /* 三开 */ .modal-mobile .modal-footer { display: flex; height: auto;} .modal-mobile .modal-footer .btn { flex: 1; } .rush-init-w { background: url(../images/part3/rush-init-bg.jpg) no-repeat 50% 0 / 100% auto; text-align: center; color: #FFF; padding: 1rem;} .rush-init-w .t { color: #7c12e6; font-weight: bold; font-size: 2.2rem; padding-top: .6rem; } .rush-init-w .cv { width: 14rem; height: 14rem; margin: 0 auto; padding-bottom: .3rem; } .rush-init-w .cv img { width: 100%; height: 100%;} .rush-init-w .h { font-size: 1.8rem; font-weight: bold; padding: 2rem 3rem 0; line-height: 1.4;} .rush-init-w .s1 { padding-top: 1rem; } .rush-init-w .s1 i { display: inline-block; line-height: 2.4rem; border-radius: 0.4rem; border: 1px solid #FFF; padding: 0 1rem; } .rush-init-w .s1 .prc { font-weight: bold; padding: 1rem 0;} .rush-init-w .s1 .prc em { color: #fdd000; font-size: 3.2rem; line-height: 1; padding-left: .4rem; } .rush-init-w .s2 { } .rush-init-w .s2 em { color: #fdd000; padding: 0 .4rem; } .rush-init-w .s3 { font-size: 1.6rem; } .rush-init-w .c { margin: 3rem auto; background-color: #7c12e6; padding: 2rem; text-align: left; } .rush-init-w .act { padding: 0 2rem;} .rush-init-w .act .b { display: block; line-height: 5rem; font-weight: bold; font-size: 1.8rem; color: #FFF; border-radius: 5rem; background-color: #ff3e54; padding: 0 4rem; margin: 1rem 0;} .rush-init-w .act .b.false { background-color: #999; } .actv-cm-hd img { width: 100%; } .actv-swc { display: flex; padding: 0 2rem; border-bottom: 0.6rem solid #f3f3f3;} .actv-swc .i { flex: 1; font-size: 1.6rem; line-height: 4rem; font-weight: bold; text-align: center; border-bottom: 4px solid transparent; } .actv-swc .i.active { color: #14bc88; border-color: #14bc88; } .exit-stop { text-align: center; padding: 3rem;} .exit-stop img { width: 40%; } .exit-stop .t1 { font-size: 2.4rem; color: #111; } .exit-stop .t2 { font-size: 1.4rem; color: #999; } .gird-rush .i + .i { border-top: 1px solid #d0d0d0; } .gird-rush .in { display: flex; padding: 1.5rem; } .gird-rush .cv { display: block; flex: 2; min-width:0;} .gird-rush .cv img { width: 100%; } .gird-rush .t { font-size: 1.4rem;font-weight: bold; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .gird-rush .goods-d { flex: 3; padding-left: 1.5rem; min-width:0;} .gird-rush .od { color: #999; } .gird-rush .prc-w { display: flex; align-items: center;} .gird-rush .prc { font-size: 2.2rem;} .gird-rush .prc-w .btn { margin-left: auto; } .gird-rush .s i + i { padding-left: 0.6rem; } .gird-rush .s em { color: #ff3e54; padding: 0 2px; } .goods-basic-rush .prc { display: flex; } .goods-basic-rush .prc .s { margin-left: auto; } .goods-basic-rush .prc .s i + i { padding-left: 1rem; } .modal-rush-r .modal-dialog { padding: 0 3rem; } .modal-rush-r .modal-content { border-radius: 2rem; position: relative; } .modal-rush-r .modal-body { padding: 5.5rem 2rem 2rem; } .modal-rush-r .modal-header { position: absolute; width: 100%; top: -1rem; } .modal-rush-r .modal-header i { display: inline-block; padding: 0 3rem; border-radius: 1rem; background-color: #14bc88; color: #FFF; } .modal-rush-r .modal-body p { text-indent: 2em; font-size: 1.4rem; font-weight: bold;} .modal-rush-r .arr-r { display: block; width: 20rem; height: 20rem; position: fixed; z-index: 2000; background: url(../images/part3/arr-r.png) no-repeat 50% 50% / contain; top: 0; right: 2rem; } .star-idx-w { padding: 2rem; } .star-idx-w .cw { display: flex; } .star-idx-w .cw .w1 { flex: 2; padding-right: 1rem;} .star-idx-w .cw .w2 { flex: 1; } .star-idx-w .cw .w2 img{ width: 100%; } .star-idx-w .t { font-size: 2.2rem; font-weight: bold; color: #14bc88; text-align: center; line-height: 5rem; padding: 0 3rem; border: 4px solid #14bc88;} .star-idx-w .c { padding-top: 1rem; text-align: left; border: 1px solid #aaa; padding: 1rem; margin-top: 1rem; line-height: 1.4; font-size: 1.4rem;} .star-idx-w .c2 { text-align: center; padding: 1rem 0; } .star-idx-w .act { padding: 1rem 0; text-align: center; } .star-idx-w .act .b { line-height: 5rem; padding: 0 8rem; color: #111; font-size: 2rem; font-weight: bold; border-radius: 10rem; background-color: #e6bc14; display: block; } .star-idx-w .act .b + .b { margin-top: 1rem; } .star-idx-w .stat { padding-top: 1rem; line-height: 1.2; text-align: center;} .star-idx-w .stat .s2 { font-size: 1.8rem; color: #FFF; background-color: #14bc88; border-radius: 2rem; font-weight: bold; line-height: 4rem;} .star-idx-w .stat .s2 em { padding: 0 0.4rem;} .star-idx-w .cur-avt { display: flex; flex-flow: row wrap; padding: 1rem 0;} .star-idx-w .cur-avt i { width: 12.5%; padding: 0.4rem;} .star-idx-w .cur-avt i img { width: 100%; border-radius: 100%; } .pyramid-w { background: #fdd000; padding: 1rem; text-align: center; display: flex; align-items: center; min-height: 100vh;} .pyramid-w .in { width: 100%; } .pyramid-w .h { font-weight: bold; color: #111; font-size: 2.6rem; } .pyramid-w .t { color: #660000; font-size: 1.4rem; font-weight: bold; margin: 1rem 0;} .pyramid-w .cv { width: 75%; margin: 0 auto; border-radius: 1rem; overflow: hidden; } .pyramid-w .cv.cv-r { width: 45%; } .pyramid-w .cv img { width: 100%; } .pyramid-w .upd { position: relative; width: 60%; height: 4rem; margin: 1rem auto;} .pyramid-w .upd .b { position: absolute; left: 0; top: 0; line-height: 4rem; width: 100%; background-color: #e41d1d; color: #FFF; font-size: 1.6rem; border-radius: 10rem; z-index: 2; } .pyramid-w .upd .x { display: block; opacity: 0; width: 100%; height: 4rem; position: absolute; lefT: 0; top: 0; z-index: 4; } .pyramid-w .att { margin: 1rem auto; } .pyramid-w .att a { display: inline-block; line-height: 4rem; text-align: center; border: 1px solid #111; border-radius: 10rem; padding: 0 3rem; color: #111; font-size: 1.6rem; font-weight: bold;} .pyramid-w .att .help { padding: 0 2rem 0 5rem; background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M512.912 1010.256c70.789 0 138.536-15.569 200.081-42.814.73-.73 3.162-3.162 3.892-3.162 28.826-13.988 55.22-27.975 80.154-41.233h105.088c23.353 0 41.233-18.73 41.233-41.232V761.888c13.987-29.556 30.407-61.544 41.232-94.141 16.298-49.017 24.934-102.777 24.934-155.686 0-206.284-125.278-383.742-305.169-459.274-58.382-24.934-124.548-38.921-192.296-38.921C236.57 13.136 13.987 236.57 13.987 512.06c.73 274.761 223.434 498.195 498.925 498.195zm-47.435-237.421c0-25.664 21.042-46.706 46.705-46.706 26.516 0 46.706 21.042 46.706 46.706s-21.042 46.706-46.706 46.706c-25.663.73-46.705-20.191-46.705-46.706zm87.938-207.865c-3.162 3.892-3.892 10.946-3.892 17.88-.73 4.621 0 24.082 0 28.825 0 24.935-19.461 44.395-43.544 44.395-21.042 0-39.65-15.568-43.543-38.191 0-3.163-.73-10.947-.73-16.299 0-14.839 0-44.395.73-58.382 0-4.622 1.581-13.258 3.162-15.569 5.474-23.352 23.353-41.232 45.976-49.016 5.474-3.163 21.042-6.203 26.516-8.514 29.556-10.947 49.016-39.652 49.016-71.64 0-41.233-33.448-75.532-74.68-75.532-38.922 0-69.33 29.556-74.68 66.166 0 3.892-3.893 27.975-4.623 31.137-5.473 18.731-21.042 30.408-39.651 30.408-13.987 0-26.515-7.055-34.3-19.46-8.514-10.948-11.676-24.935-13.257-38.922 0-9.366 3.162-23.353 3.162-25.664 13.987-79.424 81.735-139.388 163.47-139.388 91.1 0 165.782 75.532 165.782 168.944-1.582 76.262-49.869 140.117-116.035 161.159-1.825.73-8.028 4.622-8.88 7.663zm0 0'/%3E%3C/svg%3E") no-repeat 2rem 50% / auto 50%; } .my-rush-lst { } .my-rush-lst .i + .i { border-top: 1px solid #d0d0d0; margin-top: 2rem; padding-top: 2rem; } .my-rush-lst .h, .my-rush-lst .f, .my-rush-lst .dt, .my-rush-lst .stat { display: flex; } .my-rush-lst .cv img { width: 10rem; height: 10rem; } .my-rush-lst .hm { padding-left: 2rem; } .my-rush-lst .t { font-weight: bold; font-size: 1.6rem; line-height: 1.4; height: 2.8em; overflow: hidden; } .my-rush-lst .dt { padding-bottom: 0.4rem; } .my-rush-lst .dt i { margin-left: auto; color: #14bc88; } .my-rush-lst .stat { align-items: center; } .my-rush-lst .stat em { color: #14bc88; padding: 0 0.4rem; } .my-rush-lst .act { margin-left: auto; } .my-profit-total { text-align: center; border-bottom: 1px solid #d0d0d0; padding-bottom: 1rem; } .my-profit-total p { font-size: 1.4rem; } .my-profit-total em { display: block; font-size: 3rem; } .my-profit-total .act { width: 40%; margin: 0 auto; } .my-profit-total .act .btn { } .my-profit-lst { } .my-profit-lst .i { display: flex; border-bottom: 1px solid #d0d0d0; padding: 1rem;} .my-profit-lst .x { margin-left: auto; font-size: 2.2rem; color: #14bc88; font-weight: bold; } .my-profit-lst .c { font-size: 1.4rem; font-weight: bold; } #swiper-gdcover-thumb { background: url(../images/19083001.png) no-repeat 50% 50% / contain; } .adv-x a { display: block; } .adv-x img { width: 100%; } @media ( max-width: 828px ) { .adv-x a {text-indent: -13%;width: 100%;overflow: hidden;} .adv-x img { width: 130%; } .ft-menu .start .a-i i {line-height: 4.8rem;} }