a {text-decoration: none;}
li {list-style: none;}
.ww{width:16.2rem;margin:0 auto;}
.obj-img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
/* 公共flex布局 */
.df { display: flex; display: -ms-flexbox; }
/* 主轴对齐 */
.df-jc-c { justify-content: center; -ms-flex-pack: center; }
.df-jc-sb { justify-content: space-between; -ms-flex-pack: justify; }
.df-jc-sa { justify-content: space-around; -ms-flex-pack: distribute; }
.df-jc-fe { justify-content: flex-end; -ms-flex-pack: end; }
/* 交叉轴对齐 */
.df-ai-c { align-items: center; -ms-flex-align: center; }
.df-ai-fe { align-items: flex-end; -ms-flex-align: end; }
.df-ai-fs { align-items: flex-start; -ms-flex-align: start; }
/* 组合属性 */
.df-cc { justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center; }
.df-sb-c { justify-content: space-between; -ms-flex-pack: justify; align-items: center; -ms-flex-align: center; }
/* 其他特性 */
.df-fw { flex-wrap: wrap; -ms-flex-wrap: wrap; }
.df-fd-c { -ms-flex-direction: column; flex-direction: column; }
.as-c { align-self: center; -ms-flex-item-align: center; }

/*定位公共方式*/
.p-re{position:relative;}
.p-ae{position:absolute;}