html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; max-width: 768px; margin: 0 auto; display: block; position: relative; } .info_dottm .name span{ color: #fff; background: #ea120f; padding: 0 8px; border-radius: 5px; font-size: 14px; display: inline-block; margin-right: 5px; } .jtt-box { padding: 5px 10px; background-color: #fff; } .jtt-jgbox { /* border-bottom: 1px #E7E7E7 solid;*/ margin: 0 -15px; padding: 0 15px; } .jtt-jgbox span { display: inline-block; height: 22px; line-height: 22px; } .jtt-jjbox{ padding-top: 10px; } .jtt-jjbox h3{ font-size: 14px; } h1, h2, h3, h4, h5, h6 { font-weight: 500; } .jtt-jjbox h3 span { color: #E9120F; } .jtt-dj { float: left; font-size: 14px; } .jtt-dj span { color: #E9120F; font-size: 20px; } .jtt-jgbox span { display: inline-block; height: 22px; line-height: 22px; } .jtt-jgbox .price-ori { float: left; font-size: 14px; color: #8f8f94; margin-left: 10%; text-decoration: line-through; } .jtt-jgbox span { display: inline-block; height: 22px; line-height: 22px; } .jtt-jgbox span.gmsl-tt { font-size: 12px; } .jtt-jgbox span.gmsl-tt b { color: #ea120f; } .jtt-jgbox span.gmsl-tt { float: right; font-size: 14px; color: #8f8f94; } .jtt-jgbox span { display: inline-block; height: 22px; line-height: 22px; } .jtt-jdtbg { height: 20px; line-height: 20px; background: #e7e7e7; margin-top: 10px; border-radius: 10px; overflow: hidden; } .jtt-jglist{ width: 100%; margin: auto; padding-bottom: 0.15rem; padding-left: 0.23rem; } .jtt-jglist .people{ padding-left: 0.1rem; font-size: 0.22rem; } .jtt-jglist h3 { font-size: 14px; display: block; color: #844c01; padding-bottom: 8px; } h3 { font-size: 1.2rem; } .jtt-jglist p{ display: inline-block; } .jtt-jglist p.jd{ color: #E9120F; } .productInfo { padding: 10px 10px 15px; background-color: #fff; border-top: solid 1px #e7e7e7; } .product-txt{ font-size: 12px; color: #8f8f94; } .productInfo .t { color: #ea120f; margin-right: 12px; } .cpxt-rs{ padding: 0 15px; } .title h3 { line-height: 1.6; font-size: 15px; padding:8px 40px 8px 0; } .title h3 span{ color: #fff; background: #ea120f; padding: 0 8px; border-radius: 5px; font-size: 14px; display: inline-block; margin-right: 5px; } .cpxt-rs{ padding-top: 10px; background-color: #fff; } .cpxt-rs span { float: right; text-align: right; font-size: 14px; color: #6e6e6e; } .cpxt-rs strong{ display: inline-block; padding-left: 6px; font-weight: 400; font-size: 14px; border-left: 3px #ea120f solid; } .rule-box{ margin-top: 12px; background: #f5f5f5; padding: 10px 15px; border-top: 1px #ddd solid; position: relative; } .rule-box:after{ content: ""; position: absolute; background: #F5F5F5; width: 20px; height: 20px; border:1px #ddd solid; left: 30px; top: -10px; transform:rotate(45deg); border-bottom: none; border-right: none; } /*拼团玩法*/ .area-box { background: #fff; } .explain-box { width: 96%; margin: auto; } .explain-box h2 { font-size: 0.2rem; padding: 0.15rem 0 0.1rem 0; position: relative; } .explain-box h2 span{ font-size: 0.25rem; color: #da0b31; } .explain-lc { font-size: 0; position: relative; padding-top: 10px; padding-bottom: 6px; } .explain-lc li.lcjd{ color: #ea120f; } .explain-lc li.lcjd div span{ background:#ea120f; border-color: #ff9c9b; } .explain-lc li { display: inline-block; font-size: 12px; width: 25%; position: relative; z-index: 2; color: #666; } .explain-lc li:nth-child(2) div, .explain-lc li:nth-child(3) div { margin: 0 auto; } .explain-lc li div { text-align: center; background: #fff; } .explain-lc li div span { background: #cbcbcb; display: block; width: 25px; height: 25px; border-radius: 100%; line-height: 20px; font-size: 16px; /*font-weight: bold;*/ margin: 0 auto; margin-bottom: 6px; border:3px #dfdfdf solid; color: #fff; } .explain-lc li:nth-child(4) { text-align: right; } .explain-lc li:nth-child(4) div { display: inline-block; } .explain-txt { padding: 10px 0; } .explain-txt .detail { display: none; } .explain-txt .detail span { /*font-weight: bold;*/ color: #666; } .explain-txt .detail p { padding-bottom: 5px; } .detail p span{ color: #333; } .explain-open { text-align: center; } .explain-open span { display: inline-block; position: relative; } .explain-open span:before { content: '查看拼团玩法详细'; color: #666; font-size: 14px; } .explain-open span:after { width: 8px; height: 8px; right: -20px; top: 10px; position: absolute; top: 50%; width: 12px; height: 12px; border-top: 1px solid #7d7d7d; border-left: 1px solid #7d7d7d; background: none; content: '\20'; display: block; margin-top: -10px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .explain-more .explain-open span:before { content: "收起拼团玩法详细"; } .explain-more .explain-open span:after { margin-top: -2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .explain-txt.explain-more .detail { display: block; padding-bottom: 5px; } ol, ul { list-style: none; } .group-list { width: 96%; margin: auto; } .group-list li { margin: 0.18rem 0; position: relative; } .group-list li a { display: flex; } .pt-l { width:0.8rem; margin-left: 0.05rem; display: flex; align-items: center; } .pt-l .name{ font-size: 0.2rem; color: #000; } .pt-r { display: flex; align-items: center; justify-content: center; width: 50%; } .red { color: #d60021; } .group-tx { width: 0.8rem; height: 0.8rem; border-radius: 100%; overflow: hidden; } .group-tx img { width: 0.8rem; height: 0.8rem; } .group-list .mui-btn-danger { height: 0.35rem; width: 0.9rem; position: absolute; right: 0; top: 0; border-radius: 0.2rem; line-height: 0.35rem; font-size: 0.18rem; text-align: center; margin-top: 0.2rem; } .mui-btn-danger { background: #ea120f; border: 1px solid #ea120f; } p { font-size: 14px; margin-top: 0; margin-bottom: 10px; } .pt-l p, .pt-r p { font-size: 0.2rem ; line-height: 0.24rem; color: #000; } p{ margin: 0; padding: 0;} @media only screen and (min-width:376px) { .pt-l p, .pt-r p { font-size: 0.2rem } } .mui-btn-danger, .mui-btn-negative, .mui-btn-red { color: #fff; border: 1px solid #d60021; background-color: #d60021; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix:after { clear: both; } .clearfix:after { content: ''; display: table; } /*商家团、会员团*/ .mui-card-footer, .mui-card-header { min-height: 35px; } .mui-card-footer { padding: 0 10px; position: relative; } .pintuan-title { background: #fff; } .mui-card-footer { color: #6d6d72; border-radius: 0 0 2px 2px; } .mui-card-footer, .mui-card-header { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; min-height: 44px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .mui-card-link .price-int { font-size: 20px; /* font-weight: bold; */ padding-right: 10px; } .mui-card-link span { color: #ea120f; font-size: 12px; } .mui-card-link .price-ori { color: #949494; text-decoration: line-through; } .mui-card-link .price-ori { color: #949494; text-decoration: line-through; } .xrzx-txt b { font-size: 12px; } .xrzx-txt b { background: #ea120f; border-radius: 5px; color: #fff; padding: 3px 8px; font-weight: 400; } .ptjj-txt{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 400; background: rgba(0,0,0,.6); } .ptjj-txt .detail{ background: #fff; position: fixed; top: 50%; left: 0; right: 0; padding: 15px; margin-top: -140px; } .gb-btn{ position: absolute; right: 0; top: -10px; background:rgba(0,0,0,.5) url(../img/gb.png) no-repeat center center; background-size: 20px; border-radius: 100%; width: 30px; height: 30px; } .ptjj-tt{ text-align: center; position: relative; } .ptjj-tt h2{ font-size: 16px; padding-bottom: 8px; } .ptjj-tt span{ position: absolute; right: 0; top: -10px; padding-left: 30px; } .ptjj-tt span img{ width: 24px; } .backtop { display: inline-block; background: rgba(0, 0, 0, .5); height: 36px; line-height: 36px; position: fixed; left: 10px; top: 55px; z-index: 1000; border-radius: 20px; overflow: hidden; padding-right: 10px; width: auto; } .backtop .tx img { width: 36px; height: 36px; border-radius: 100%; } .backtop .tx { float: left; margin-right: 5px; } .backtop p { max-width: 250px; float: left; color: #fff; font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hide { display: none !important; } /*小伙伴拼团*/ .explain-box h2 .itlet{ border-left: 0.05rem solid #da0b31; padding-left: 0.05rem; } /*拼团玩法*/ .pt_hb{ height: 0.5rem; font-size: 0.28rem; width:97.4%; border-bottom: 0.1px solid #E5E5E5; display: flex; justify-content: space-between; margin: auto; padding-top: 0.3rem; align-items: center; padding-bottom: 0.07rem; } .xq{font-size: 0.3rem; color:#d40024} .ptgz_an .arrow-two{ width: 0.15rem; height: 0.15rem; border-color: #da0b31; margin-top: 0.02rem; } .xc-item .yuan{ width: 19px; height: 19px; line-height: 19px; } .xc-item .circle-color{ background: #d60024; color: #fff; height: 0.35rem; width: 0.35rem; } .xc-item{width:25%; font-size: 13px; color: #666;} .xc-item .circle-color1{ margin: auto; color: #666666; border: 1px solid #eee; } .xc-item .word{ margin: auto; width:65%; margin-top:8px; color:#363636; font-weight:600; } .ptgz_an.xq{font-size:0.28rem; color:#d40024;display: flex;align-items: center;line-height: 0rem} .link-color-red{ background: #d60024; } .link-color{ background: #e5e5e5; } /*拼团玩法测试*/ .circle-color{ background: #d60024; color: #fff; height: 0.3rem; width: 0.3rem; margin-left: 0.25rem; padding-top: 0.02rem; } .circle-color1{ color: #666666; border: 0.01rem solid #eee; width: 0.3rem; height: 0.3rem; margin-left: 0.35rem; padding-top: 0.02rem; } .link{ height: 0.035rem; left: 0.55rem; width:85%; } .link1{ height: 0.035rem; left: 0.55rem; width: 85%; } .link2{ height: 0.035rem; left: 0.55rem; width: 58.5%; } /*分享按钮*/ .xc-share-frame-jieti{ width:1.05rem; height: 0.43rem; border-top-left-radius: 0.12rem; border-bottom-left-radius: 0.12rem; background: #d60021; } .xc-share-frame-jieti .share-frame{ width: 0.25rem; height: 0.25rem; margin-left: 0.1rem; } .xc-share-frame-jieti .share-font{ color:#fff; } /*拼团头部*/ .secondkill-img{width: 100%;height:100%;} .xc-qt-price{ top:0.1rem; left:0.18rem; color: #fff; } .xc-qtsign{ font-size: 0.3rem; } .fs033{ font-size: 0.33rem; } .xc-qt-price .xc-qtunit-price{ font-size: 0.18rem; margin-left:0.07rem; margin-top: -0.05rem; } .xc-li{ font-size: 0.2rem; } .xc-nanber{ top:0.13rem; left:2.3rem; } .xc-people-img{ height: 0.3rem; overflow: hidden; border-radius:0.05rem; border: 0.01rem solid #fff; } .xc-people-img .imgs{ width: 0.2rem; height: 0.2rem; } .xc-people-val{ height: 0.27rem; border-top: 0.01rem solid #fff; border-bottom: 0.01rem solid #fff; border-right: 0.01rem solid #fff; border-radius:0 0.03rem 0.03rem 0; padding-left: 0.05rem; padding-right: 0.05rem; } .hy-stop{ top: 0.14rem; width: 2.8rem; right: 0; } .word-color-r{ color:#d70024; } .word-color-b{ color:#0081d2; } .price-frame{ height: 0.9rem; } .fs015{ font-size: 0.15rem; } .fs018{ font-size: 0.18rem; } .fs12{ font-size: 0.12rem; } .modal-checkout{ width: 100%; border-top: 0.02rem solid #eee; } .xc-wanfan-frame{ width: 92%; height: 0.8rem; margin: auto; margin-top: 0.2rem; } .xc-wanfan{ width: 0.9rem; font-size: 0.2rem; margin-top: 0.1rem; } .xc-pt-time{ width: 100%; font-size: 0.22rem; display: flex; align-items: center; justify-content: center; margin-top: 0.05rem; } .fc_ny{ background:#f80034; display: flex; align-items: center; justify-content: center; height: 0.26rem; width: 0.28rem; color: #fff; border-radius: 0.05rem; margin-left: 0.05rem; margin-right: 0.05rem; } .fc_ny.blue{background: #007cce} .xc-money-position{ height:0.5rem;align-items: flex-end; width: 1.9rem; } .xc-heights{ height: 1rem; } .xc-lefts{ margin-left: 0.23rem; width: 76%; } .xc-numbers{ width: 100%;border-bottom: 0.06rem solid #eee } .xc-tops{ margin-top: 0.35rem; } .xc-goods-details{ margin-left: 0.23rem; font-size: 0.32rem; } .point{ width: 0.1rem; height: 0.1rem; border-color: #fff; margin-bottom: 0.05rem; }