.header { position: fixed; width: 100%; left: 0; right: 0; top: 0; display: flex; align-items: center; height: 2.25rem; background: #fff; z-index: 99; padding: 0 0.75rem; box-sizing: border-box; } .ai { height: 0; } .header i { } .header .search { width: 100%; height: 1.5rem; padding-left: .95rem; margin-left: .5rem; background: #f1f1f4; border-radius: 1.5rem; font-size: 0.7rem; line-height: 1.5rem; } .aui-grid [class*=aui-col-]{ padding: 0 !important; } .menu .aui-col-5 { text-align: center; } .menu img { width: 2.5rem; height: 2.5rem; } .menu .aui-grid-label { font-size: .6rem; color: #666; } .mrsc { margin-top: 1.6rem; padding: 0 .8rem; } .mrsc .title { font-size: .8rem; font-weight: 600; color: #999; line-height: 1.1rem; margin-bottom: .5rem; } .mrsc ul { display: flex; margin-bottom: .5rem; align-items: flex-end; } .mrsc ul li { position: relative; font-size: .8rem; margin-right: 1rem; color: #666; } .mrsc .active { font-size: 1.4rem !important; color: #333 !important; } .mrsc .active::after { content: ''; height: .3rem; border-radius: .15rem; width: 100%; left: 0px; bottom: .15rem; background: #ff9d9b; position: absolute; z-index: 50; display: block; } .mrsc_list { display: flex; justify-content: space-between; } .mrsc_list img { width: 8.35rem; height: 11.9rem; border-radius: .35rem; } .mrsc_list .tips_titles { margin-top: .5rem; font-size: .9rem; font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 167px; } .tips_text { padding: 0 .15rem; background: #ff8d8d; color: #fff; font-size: .4rem; } .tips { font-size: .55rem; color: #ff8d8d; line-height: .7rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; background: #fff2f2; border-radius: .1rem; padding: .2rem .3rem; } .mrsc .mrsc-container {} .cj-item { flex-wrap: wrap; } .cj-item a { margin-bottom: 20px; }