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;
}