536 lines
15 KiB
CSS
536 lines
15 KiB
CSS
.lynn-goods-head-top{padding:0.5rem 0.2rem;background: #ff605d;color:#fff;font-size:0.6rem;}
|
|
.lynn-goods-head-top .fui-list-inner strong{font-size:1rem;vertical-align:bottom;line-height: 1rem;padding:0 0.2rem 0 0;}
|
|
.lynn-goods-head-top .fui-list-media{margin:0;}
|
|
.lynn-goods-head-top .fui-list-media i{font-size:0.6rem;color:#fff;font-style: normal;background: #ac4543;padding:0 0.4rem;display: inline-block;height:1rem;-webkit-border-radius: 0.5rem;
|
|
border-radius: 0.5rem;line-height: 1rem;}
|
|
.lynn-goods-head-title{padding:0 0.5rem;background: #fff;align-items: inherit;}
|
|
.lynn-goods-head-title .fui-list-inner{padding:0.3rem 0.2rem 0 0;margin:0;}
|
|
.lynn-goods-head-title .fui-list-inner h2{padding:0.2rem 0 0.3rem;margin:0;font-size:0.7rem;line-height: 0.9rem;font-weight: normal;color:#000;}
|
|
.lynn-goods-head-title .fui-list-inner p{padding:0;margin:0;font-size:0.6rem;line-height: 0.8rem;color:#999}
|
|
.lynn-goods-head-title .fui-list-media{height:100%;display: block;margin:0;text-align: center;font-size:0.6rem;}
|
|
.lynn-goods-head-title .fui-list-media .icon{font-size:1.2rem;}
|
|
.lynn-goods-head-title .fui-list-media a{border-left:1px solid #ccc;display: inline-block;padding:0 0 0 0.4rem;margin-top:0.2rem;}
|
|
|
|
.lynn-goods-head-user{background: #fff;}
|
|
.lynn-goods-head-user-top{align-items: inherit;}
|
|
.lynn-goods-head-user-top .bargain-img{width:2rem;height:2rem;-webkit-border-radius: 50%;border-radius: 50%;margin-right:0.2rem;}
|
|
.lynn-goods-head-user-top .fui-list-inner{height:2rem;overflow: visible;}
|
|
.lynn-user-info{height:2rem;line-height: 2rem;font-size:0.7rem;display: inline-block;position: relative;}
|
|
|
|
.lynn-user-info-left{width: 0.5rem;height:0.5rem;background: #bce678;border:1px solid #c1d39f;transform:rotateZ(-45deg);display: block;position: absolute;left:-0.25rem;top:0.75rem;
|
|
z-index: 0;
|
|
-ms-transform:rotate(-45deg); /* IE 9 */
|
|
-moz-transform:rotate(-45deg); /* Firefox */
|
|
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
|
|
-o-transform:rotate(-45deg); /* Opera */
|
|
}
|
|
.lynn-user-info span{height: inherit;display: block;background: #bce678;padding:0 0.5rem;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;position: relative;z-index: 1;}
|
|
|
|
.lynn-goods-head-price{padding:0 0.5rem 0.5rem;}
|
|
.lynn-goods-head-price p.top{text-align: right;}
|
|
.lynn-goods-head-price p.top strong{border:1px solid #aa3724;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;font-size:0.6rem;font-weight: normal;position: relative;
|
|
display: inline-block;}
|
|
.lynn-goods-head-price p.top strong i{width: 0.5rem;height:0.5rem;background: #fff;border:1px solid #aa3724;transform:rotateZ(-45deg);display: block;position: absolute;
|
|
left:45%;bottom:-0.25rem;z-index: 0;
|
|
-ms-transform:rotate(-45deg); /* IE 9 */
|
|
-moz-transform:rotate(-45deg); /* Firefox */
|
|
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
|
|
-o-transform:rotate(-45deg); /* Opera */
|
|
}
|
|
.lynn-goods-head-price p.top strong span{height:1.2rem;line-height:1.2rem;background: #fff;display:block;position: relative;padding:0 0.2rem;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;
|
|
overflow: hidden;}
|
|
.lynn-goods-head-price p.bot{margin:0.2rem 0;height:0.8rem;background: #dadada;-webkit-border-radius: 0.4rem;border-radius: 0.4rem;overflow: hidden;padding:0;}
|
|
.lynn-goods-head-price p.bot span{display: inline-block;overflow: hidden;color:#222;font-size:0.6rem;text-align: right;background: #eaaa48;padding:0 0.2rem 0 0;float:left;height:0.8rem;
|
|
line-height: 0.8rem;}
|
|
.lynn-goods-head-price-list{padding:0;}
|
|
.lynn-goods-head-price-list:before{border:none;}
|
|
|
|
.lynn-goods-head-price-list .fui-list-inner{font-size:0.6rem;color:#999;}
|
|
.lynn-goods-head-price-list .right{text-align: right;}
|
|
.lynn-line{border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;background: #efeff1;height:0.6rem;}
|
|
.lynn-bargain-now-a span{color:#d54a47;}
|
|
.lynn-bargain-share-a span{color:#fff;background: #d54a47;}
|
|
|
|
.lynn-bargain-a span{height:2.45rem;display: inline-block;line-height: 2.45rem;font-size:0.7rem; background:#fe9501;width:100%;color:#fff}
|
|
.lynn-bargain-a{text-align: center;}
|
|
|
|
.lynn-bargain-bg{background: url("../images/bargain_bg.png") no-repeat center top;background-size:50%;height:10rem;position: fixed;z-index: 100;width:100%;
|
|
top:5rem;padding-top:1.5rem;text-align: center;}
|
|
.lynn-bargain-bg p{font-size:1rem;color:#ff604a;height:2rem;}
|
|
.lynn-bargain-bg span{display: block;height:1.2rem;font-size:0.6rem;color:#813506;}
|
|
.lynn-bargain-bg-a{background: #ff7865;color:#fff;padding:0 1rem;height:1.2rem;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;font-size:0.6rem;display: inline-block;line-height: 1.2rem;
|
|
}
|
|
.fui-goods-item .detail .price .text{
|
|
font-size: 0.65rem;
|
|
}
|
|
.fui-goods-item .detail .price .original_price {
|
|
color:#999;
|
|
font-size:0.6rem;
|
|
text-decoration:line-through;
|
|
margin-top:0.05rem;
|
|
}
|
|
.swipe-info{
|
|
text-align: center;
|
|
position: static;
|
|
height:1.3rem;
|
|
width:100%;
|
|
background:-moz-linear-gradient(left, #fe8a54 0%, #f94543 100%);
|
|
background:-webkit-linear-gradient(left, #fe8a54 0%,#f94543 100%);
|
|
background:-o-linear-gradient(left, #fe8a54 0%,#f94543 100%);
|
|
background:-ms-linear-gradient(left, #fe8a54 0%,#f94543 100%);
|
|
background:linear-gradient(to right, #fe8a54 0%,#f94543 100%);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffe8a54, endColorstr=#fff94543,gradientType='1');
|
|
text-align:center;
|
|
color:#fff;
|
|
line-height:1.3rem;
|
|
font-size:0.6rem;
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell .fui-cell-remark.rule::after{
|
|
display: none
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell:before{
|
|
display: none
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell .original_price{
|
|
float: right;
|
|
text-decoration: line-through;
|
|
font-size: 0.55rem;
|
|
color: #999;
|
|
margin-top: 0.5rem
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell{
|
|
padding: 0.3rem 0.6rem;
|
|
}
|
|
.fui-cell-group .fui-cell.price{
|
|
color: #ff5555;
|
|
font-size: 0.5rem;
|
|
display:block;
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell.price .miniprice{
|
|
font-size: 1.1rem;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
vertical-align:bottom;
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell .fui-cell-text{
|
|
color: #333;
|
|
line-height: 0.95rem;
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell .fui-cell-text.number{
|
|
font-size: 0.6rem;
|
|
color: #666
|
|
}
|
|
.lynn_goods_head .fui-cell-group .fui-cell .fui-cell-remark{
|
|
color: #999;
|
|
text-align: center;
|
|
font-size: 0.65rem;
|
|
margin-right: .2rem;
|
|
line-height: 1rem;
|
|
}
|
|
.lynn_goods_head .fui-detail-group .subtitle{
|
|
font-size:0.6rem;
|
|
color: #999;
|
|
padding:0 0.6rem;
|
|
}
|
|
.detail-rule{
|
|
background: #fff;
|
|
margin-top: 0.5rem;
|
|
padding: 0 0.6rem;
|
|
height: 6rem;
|
|
}
|
|
.detail-rule .detail-rule-top{
|
|
height: 2rem;
|
|
line-height: 2rem;
|
|
font-size: 0.6rem;
|
|
border-bottom: 1px solid #ededed
|
|
}
|
|
.detail-rule .detail-rule-bottom{
|
|
padding-top: 0.65rem;
|
|
font-size: 0.6rem;
|
|
color: #666;
|
|
}
|
|
.detail-rule .detail-rule-bottom .step{
|
|
float: left;
|
|
width: 5.75rem;
|
|
text-align: center
|
|
}
|
|
.detail-rule .detail-rule-bottom .step.active {
|
|
color: #ff5555;
|
|
}
|
|
.detail-rule .detail-rule-bottom .step.active .num{
|
|
background: #ff5555;
|
|
color: #fff
|
|
}
|
|
.detail-rule .detail-rule-bottom .num{
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
border-radius: 50%;
|
|
background: #ccc;
|
|
text-align: center;
|
|
font-size: 0.55rem;
|
|
line-height: 0.75rem;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 0.5rem;
|
|
color: #fff;
|
|
}
|
|
.detail-rule .detail-rule-bottom .num:before{
|
|
position: absolute;
|
|
content: '';
|
|
width: 5rem;
|
|
top: 0.35rem;
|
|
left: 0.75rem;
|
|
border-bottom: 1px dashed #eee;
|
|
}
|
|
.detail-rule .detail-rule-bottom .num:after{
|
|
position: absolute;
|
|
content: '';
|
|
border: 0.15rem solid transparent;
|
|
border-left: 0.15rem solid #ccc;
|
|
top:0.2rem;
|
|
left: 3.25rem;
|
|
}
|
|
.detail-rule .detail-rule-bottom .step:last-child .num:before,.detail-rule .detail-rule-bottom .step:last-child .num:after{
|
|
display: none
|
|
}
|
|
.detail-info-title span{
|
|
font-size:0.6rem;
|
|
}
|
|
.statusbar .fui-goods-item .detail .price .text{
|
|
color: #ff5555;
|
|
}
|
|
/*砍价中*/
|
|
.fui-goods-item .detail.goods_list_detail{
|
|
padding-right: 0.75rem
|
|
}
|
|
.fui-goods-item .detail.goods_list_detail .name{
|
|
height: 1.15rem;
|
|
line-height: 1.15rem;
|
|
-webkit-line-clamp:1;
|
|
}
|
|
.fui-goods-item .detail.goods_list_detail .status{
|
|
font-size: 0.5rem;
|
|
height: 0.75rem;
|
|
line-height: 0.75rem;
|
|
background: #999;
|
|
display: inline-block;
|
|
width: 2.45rem;
|
|
text-align: center;
|
|
border-radius: 0.5rem;
|
|
color: #fff
|
|
}
|
|
.fui-goods-item .detail.goods_list_detail .status.success{
|
|
background: #3fce0d
|
|
}
|
|
.fui-goods-item .detail.goods_list_detail .status.danger{
|
|
background: #ff5555
|
|
}
|
|
.fui-goods-item .detail .price{
|
|
margin-top: 0;
|
|
height: 1.15rem;
|
|
line-height: 1.15rem;
|
|
font-size: 0.65rem;
|
|
}
|
|
.fui-goods-item .detail .price .text{
|
|
color: #999;
|
|
}
|
|
.fui-goods-item .detail .price .text.original{
|
|
text-decoration: line-through;
|
|
}
|
|
.fui-goods-item .detail .currentPrice{
|
|
height: 1rem;
|
|
line-height: 1rem;
|
|
font-size: 0.7rem;
|
|
font-weight: bold;
|
|
color: #ff5555
|
|
}
|
|
.fui-goods-remark{
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0.65rem;
|
|
margin-left: 0.75rem;
|
|
font-size: 0.65rem;
|
|
color: #999
|
|
}
|
|
.fui-label{
|
|
height: 0.75rem;
|
|
line-height: 0.8rem;
|
|
border-radius: 0.75rem;
|
|
font-size: 0.5rem;
|
|
color: #fff;
|
|
width: 2.15rem;
|
|
text-align: center;
|
|
background: #999;
|
|
margin-top: 0.15rem;
|
|
}
|
|
.floorPrice{
|
|
float: right;
|
|
margin-right:-2.6rem;
|
|
background:#ff5555;
|
|
color:#fff;
|
|
width:3.8rem;
|
|
text-align: center;
|
|
line-height: 1.3rem;
|
|
border-radius: 1.3rem;
|
|
font-size: 0.6rem;
|
|
font-weight: normal;
|
|
display: inline-block;
|
|
}
|
|
/*砍价详情*/
|
|
.bargain-shop .user {
|
|
font-size: 0.65rem;
|
|
color: #666;
|
|
line-height: 2.5rem
|
|
}
|
|
.bargain-shop .user img{
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
margin-right: 0.5rem;
|
|
float: left;
|
|
margin-top: 0.6rem
|
|
}
|
|
.bargain-shop .goodsinfo{
|
|
height: 5.7rem;
|
|
width: 100%;
|
|
background: #f7f7f7;
|
|
padding: 0.8rem;
|
|
box-sizing: border-box;
|
|
font-size: 0.65rem;
|
|
color: #333
|
|
}
|
|
.bargain-shop .goodsinfo .title{
|
|
height: 1.25rem;
|
|
line-height: 1.25rem;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
}
|
|
.bargain-shop .goodsinfo .price{
|
|
height: 1.5rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
.bargain-shop .goodsinfo .status{
|
|
height: 1.25rem;
|
|
line-height: 1.25rem;
|
|
font-size: 0.6rem;
|
|
color: #999;
|
|
}
|
|
.goodsinfo .image img{
|
|
width: 4rem;
|
|
height: 4rem;
|
|
margin-right: 0.6rem;
|
|
}
|
|
.flex{
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.bargain-shop .prices{
|
|
text-align: center
|
|
}
|
|
.bargain-shop .prices .current{
|
|
font-size: 1.75rem;
|
|
font-weight: bold;
|
|
color: #ff5555;
|
|
line-height: 1.9rem;
|
|
margin-top: 1.25rem;
|
|
}
|
|
.bargain-shop .prices.delay .current{
|
|
color: #666
|
|
}
|
|
.bargain-shop .prices.delay .current text{
|
|
border: 1px solid #666;
|
|
}
|
|
.bargain-shop .prices.delay .time{
|
|
background: #999
|
|
}
|
|
.bargain-shop .prices .current text{
|
|
font-size: 0.45rem;
|
|
height: 0.75rem;
|
|
border: 1px solid #ff5555;
|
|
font-weight: normal;
|
|
display: inline-block;
|
|
line-height: 0.75rem;
|
|
vertical-align: middle;
|
|
margin-top: -6px
|
|
}
|
|
.bargain-shop .prices .cut{
|
|
line-height: 1.25rem;
|
|
color: #999;
|
|
font-size: 0.6rem;
|
|
}
|
|
.bargain-shop .prices .cut text{
|
|
font-weight: bold;
|
|
}
|
|
.bargain-shop .prices .time{
|
|
min-width: 9.5rem;
|
|
display: inline-block;
|
|
height: 1.6rem;
|
|
border-radius: 1.6rem;
|
|
font-size: 0.6rem;
|
|
color: #fff;
|
|
line-height: 1.6rem;
|
|
padding: 0 1.2rem;
|
|
margin: 0.55rem 0 1.1rem;
|
|
background: -moz-linear-gradient(left, #ff8955 0%, #f94343 100%);
|
|
background: -webkit-linear-gradient(left, #ff8955 0%,#f94343 100%);
|
|
background: -o-linear-gradient(left, #ff8955 0%,#f94343 100%);
|
|
background: -ms-linear-gradient(left, #ff8955 0%,#f94343 100%);
|
|
background: linear-gradient(to right, #ff8955 0%,#f94343 100%);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff8955, endColorstr=#fff94343,gradientType='1');
|
|
}
|
|
.bargain-shop .prices .time.delay{
|
|
background: #999;
|
|
}
|
|
.fui-navbar.flex .left{
|
|
width:6rem;
|
|
height:100%;
|
|
line-height:2.5rem;
|
|
color:#666;
|
|
text-align:center;
|
|
font-size:0.7rem;
|
|
display: inline-block;
|
|
}
|
|
.fui-navbar.flex .right{
|
|
display: inline-block;
|
|
background:#ff5555;
|
|
-webkit-box-flex:1;
|
|
-webkit-flex:1;
|
|
-ms-flex:1;
|
|
flex:1;
|
|
text-align:center;
|
|
line-height:2.5rem;
|
|
color:#fff;
|
|
font-size:0.7rem;
|
|
}
|
|
.bargain-list-top a{
|
|
display: inline-block;
|
|
-webkit-box-flex:1;
|
|
-webkit-flex:1;
|
|
-ms-flex:1;
|
|
flex:1;
|
|
margin: 0;
|
|
font-size: 0.7rem;
|
|
color: #666;
|
|
}
|
|
.bargain-list-top{
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
.bargain-list-content-ul li{
|
|
background: #fff;
|
|
border-bottom: 1px solid #ebebeb;
|
|
height: 2.8rem;
|
|
}
|
|
.fui-cell-group .fui-cell .fui-cell-label{
|
|
width:2rem;
|
|
}
|
|
.fui-cell .fui-cell-label img{
|
|
width:1.5rem;
|
|
height:1.5rem;
|
|
border-radius: 50%;
|
|
}
|
|
.fui-cell-group .fui-cell .title{
|
|
font-size:0.65rem;
|
|
color:#666;
|
|
}
|
|
.fui-cell-group .fui-cell .text{
|
|
font-size:0.5rem;
|
|
color:#ccc;
|
|
}
|
|
.fui-cell-group .fui-cell .fui-cell-remark.noremark.danger{
|
|
color: #ff5555;
|
|
}
|
|
.bargain .empty{
|
|
text-align: center;
|
|
padding-top: 2.2rem
|
|
}
|
|
.bargain .empty div{
|
|
position: relative;
|
|
font-size: 0.7rem;
|
|
color: #999;
|
|
line-height: 3.2rem;
|
|
|
|
}
|
|
.bargain .empty div:before{
|
|
position: absolute;
|
|
content: '';
|
|
width: 3.5rem;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
top: 1.5rem;
|
|
left:3.25rem
|
|
}
|
|
.bargain .empty div:after{
|
|
position: absolute;
|
|
content: '';
|
|
width: 3.5rem;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
top: 1.5rem;
|
|
right:3.25rem
|
|
}
|
|
/*砍价成功弹窗*/
|
|
#bargainres .content{
|
|
width:10.5rem;
|
|
height: 11.5rem;
|
|
background: #fff;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -5.25rem;
|
|
margin-top: -5.75rem;
|
|
border-radius: 0.25rem;
|
|
text-align: center;
|
|
z-index: 2;
|
|
}
|
|
#bargainres .content .icon-close{
|
|
position: absolute;
|
|
right: 0.25rem;
|
|
top: 0;
|
|
line-height: 1.3rem;
|
|
font-size: 0.6rem;
|
|
display: block
|
|
}
|
|
#bargainres .content img{
|
|
width: 2.15rem;
|
|
height: 2.25rem;
|
|
margin-top: 1.4rem;
|
|
display: inline-block;
|
|
}
|
|
#bargainres .content .layerbtn{
|
|
width: 7.5rem;
|
|
background: #ff5555;
|
|
line-height: 1.8rem;
|
|
border-radius: 1.8rem;
|
|
color: #fff;
|
|
margin: 0 auto;
|
|
margin-top: 0.9rem;
|
|
}
|
|
.bargain .empty{
|
|
text-align: center;
|
|
padding-top: 2.2rem
|
|
}
|
|
.bargain .empty div{
|
|
position: relative;
|
|
font-size: 0.7rem;
|
|
color: #999;
|
|
line-height: 3.2rem;
|
|
|
|
}
|
|
.bargain .empty div:before{
|
|
position: absolute;
|
|
content: '';
|
|
width: 3.5rem;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
top: 1.5rem;
|
|
left:2.25rem;
|
|
}
|
|
.bargain .empty div:after{
|
|
position: absolute;
|
|
content: '';
|
|
width: 3.5rem;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
top: 1.5rem;
|
|
right:2.25rem
|
|
} |