.item-section {
min-height: 100% ;
background-color: #ee0a3b;
position: relative;
font-size: 12px
}
[data-dpr="2"].item-section {
font-size: 24px
}
[data-dpr="3"].item-section {
font-size: 36px
}
.item-section_header {
text-align: center
}
.item-section_header img {
width: 10rem
}
.item-section ul {
padding: .133333rem
}
.flag {
display: table;
width: 100% ;
margin-bottom: 1px;
background-color: #fff
}
.flag-item {
display: table-cell;
padding: .16rem 0;
vertical-align: top;
background-color: #fff
}
.flag .flag-item.figcaption {
width: 133.333333rem;
padding-left: .2rem;
padding-right: .2rem;
position: relative
}
.flag .flag-item.figure {
width: 2.4rem;
height: 2.4rem
}
.flag .flag-item img {
width: 2.4rem;
height: 2.4rem;
vertical-align: top
}
.flag .flag-title a {
color: #333; line-height:1.25;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:box}
.flag.flag-price{padding:.15rem 0.2rem}
.flag.flag-price span
{
display:inline-block;background-color:#ee0a3b;
vertical-align: middle;
border-radius: .026667rem;
padding: .026667rem.08rem.013333rem;
color: #fff;
font-weight: 700;
margin-right: .066667rem;
font-size: 11px
}
[data-dpr="2"].flag.flag-price span {
font-size: 22px
}
[data-dpr="3"].flag.flag-price span {
font-size: 33px
}
.flag .flag-price strong {
display: inline-block;
vertical-align: middle;
font-weight: 700;
color: #ee0a3b;
font-size: 16px;
margin-right: .16rem
}
[data-dpr="2"].flag .flag-price strong {
font-size: 32px
}
[data-dpr="3"].flag .flag-price strong {
font-size: 48px
}
.flag .flag-price small {
display: inline-block;
vertical-align: middle;
font-weight: 700;
color: #ee0a3b;
font-size: 12px
}
[data-dpr="2"] .flag.flag-price small {
font-size: 24px
}
[data-dpr="3"] .flag.flag-price small {
font-size: 36px
}
.flag .flag-type {
color: #ff3600
}
.flag .flag-btn {
position: absolute;
width: 2.133333rem;
height: .64rem;
line-height: .64rem;
background-color: #ee0a3b;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 14px;
bottom: .133333rem;
right: .2rem;
border-radius: .026667rem
}
[data-dpr="2"] .flag .flag-btn {
font-size: 28px
}
[data-dpr="3"] .flag.flag-btn {
font-size: 42px
}
table-ceil
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1、修改table name: mysql>alter table teacher rename tomaster...
- 译者注:这篇文章中主要介绍了Hive中的Managed Table和External Table在存储文件上的区别...
- 纯 javascript 实现, 可拖动table列宽的library demo http://uso.oschi...