.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...