first commit

历届学生/front-end-team-10/项目练习/上课项目/枸杞社/css/model.css

@@ -0,0 +1,51 @@
+.hot_model{
+    width: 100%;
+    padding: 0 0.2rem;
+    box-sizing: border-box;
+}
+.hot_model .hot_title{
+    font-size: .36rem;
+    padding:  0.42rem 0;
+    font-weight: 600;
+}
+.hot_model .model_list{
+    display: flex;
+    flex-wrap: wrap;
+
+}
+.hot_model .model_list a{
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    align-items: center;
+    width: 25%;
+    margin-bottom: 0.5rem;
+    position: relative;
+}
+.hot_model .model_list a img{
+    width:1.2rem ;
+    height: 1.2rem;
+    border-radius: 100%;
+    background: rgb(230, 182, 182);
+    margin-bottom: 0.1rem;
+}
+.hot_model .model_list a i{
+    position: absolute;
+    bottom: 0.4rem;
+    left: 50%;
+    transform:translateX(-50%) ;
+    display: inline-block;
+    font-size: 0.24rem;
+    /* transform: scale(0.8); */
+    background: var(--textColor);
+    padding: 0.04rem 0.1rem;
+    margin-right:0.1rem ;
+    color: #fff;
+    z-index: 2;
+    border-radius: 0.6rem
+}
+.hot_model .model_list a span{
+    font-size: 0.24rem;
+    color: #bdb7b7;
+    /* zoom:calc(0.8) */
+}