first commit

历届学生/font-end-nine/项目练习/上课项目/枸杞社/css/model.css

@@ -0,0 +1,54 @@
+.hot{
+    height: calc(100vh - 0.9rem - 1rem);
+    overflow-y: scroll;
+}
+
+
+.hot_model{
+    padding-top: 30px;
+    font-size: 18px;
+    margin-left: 10px;
+}
+
+.hot_modelAll{
+    display: flex;
+    flex-wrap: wrap;
+    padding: 4px 7px;
+    box-sizing: border-box;
+}
+.model{
+    width: 60px;
+    margin: 15px;
+
+}
+.model a{}
+.model .model_top{
+    position: relative;
+}
+.model .model_top img{
+    width: 100%;
+    border-radius: 50%;
+}
+.model .model_top span{
+    color: var(--whiteColor);
+    font-size: 10px;
+    height: 18px;
+    width: 40px;
+    background: #3333338f;
+    position: absolute;
+    text-align: center;
+    line-height: 18px;
+    border-radius: 10px;
+    bottom: -2px;
+    left: 10px;
+    transform: scale(0.8);
+}
+.model_bottom{
+    color: var(--textColor);
+    font-size: 10px;
+    transform: scale(0.8);
+    margin-top: 8px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}