.header { position: fixed; display: flex; justify-content: space-between; width: 100%; height: 2.25rem; background: #fff; padding: 0px 0.8rem; box-sizing: border-box; align-items: center; border-bottom: 1px solid #f5f5f5; z-index: 999; overflow: hidden; } .back span { font-size: .75rem; color: #333; } .back a i { font-weight: 600; } .back .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header p { font-size: .9rem; color: #000; font-weight: 600; } .header .icon-search { font-size: 1.25rem; } .video_content { padding-top: 2.2rem; padding-left: 0.8rem; padding-right: 0.8rem; box-sizing: border-box; } .video_content li:nth-child(2n) { margin-left: 0.5rem; } .video_content li { float: left; margin-top: 0.8rem; width: 8.3rem; box-shadow: 0 0.15rem 0.3rem rgb(0 0 0 / 10%); border-radius: 0.35rem; } .video_content li a .content_pic { width: 8.3rem; height: 11.1rem; background-image: url(https://st-cn.meishij.net/p2/20181105/20181105110641_22213.jpg); position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 0.35rem; } .video_content li a .content_pic .pic_yingyin { width: 1rem; height: 1rem; position: absolute; top: 0.25rem; right: 0.5rem; text-align: center; line-height: 1rem; background: #00000085; border-radius: 100%; } .video_content li a .content_pic .pic_yingyin .icon-shipin{ font-size: .6rem; color: #fff; position: absolute; top: 0; left: 0.25rem; } .video_content li a p { margin: 0.5rem 0.5rem 0 0.5rem; font-size: 16px; color: #333; font-weight: 600; } .pic_pinglun { margin: 1rem 0.5rem 0 0.5rem; padding-bottom: 0.5rem; display: flex; align-items: center; justify-content: space-between; } .pic_pinglun .toux_left { display: flex; align-items: center; } .pic_pinglun .toux_left img { width: 0.9rem; height: 0.9rem; border-radius: 100%; } .pic_pinglun .toux_left span { font-size: .45rem; color: #666; margin-left: 5px; } .pic_pinglun .toux_right { display: flex; align-items: center; } .pic_pinglun .toux_right .icon-eye { font-size: .6rem; color: #666; } .icon-eye:before { content: "\e77c"; } .pic_pinglun .toux_right span { font-size: .45rem; color: #666; }