body::-webkit-scrollbar { display: none; } .m-box{ width: 1440px; margin: 0 auto; position: relative; } .search-top-box{ height: 80px; line-height: 80px; font-size: 0; width: 1440px; border-bottom: 1px solid #E5E5E5; position: relative; div{ font-size: 16px; width: 80px; height: 30px; color: #AAAAAA; float: left; text-align: center; line-height: 30px; margin-top: 25px; cursor: pointer; } .search-top-click{ background: #E53985; color: #fff; border-radius: 50px; } } .search-user-box{ .search-user-top{ font-size: 28px; font-weight: 700; color: #333333; font-size: 28px; padding-top: 20px; padding-bottom: 14px; } } .search-user-ul{ width: 1440px; margin: 0 auto; .live-icon{ position: absolute; z-index: 50; width: 65px; } li{ width: 463px; height: 120px; margin-right: 20px; background: linear-gradient(to right, #fff, #FFF4FA); float: left; margin-bottom: 20px; border-radius: 8px; overflow: hidden; position: relative; box-shadow: 2px 0 20px rgb(0 0 0 / 5%); } li:nth-child(3n){ margin-right: 0; } .like-face { width: 120px; height: 120px; position: absolute; left: 0; top: 0; cursor: pointer; } .like-user-btn1{ width: 90px; height: 40px; background:#E53985; border-radius: 20px; position: absolute; right: 8px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; top: 40px; cursor: pointer; } .like-user-btn2 { width: 90px; height: 40px; background: #fff; border-radius: 20px; position: absolute; right: 8px; line-height: 40px; text-align: center; color: #E53985; border: 1px solid #E53985; font-size: 14px; top: 40px; cursor: pointer; } .search-user-p1{ line-height: 30px; text-indent: 135px; width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top: 32px; } .search-user-p2{ line-height: 30px; text-indent: 135px; color: #999999; width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } .search-video-top{ font-size: 28px; font-weight: 700; color: #333333; font-size: 28px; margin-top: 15px; margin-bottom: 14px; } .search-video-ul,.images-box-ul{ width: 1440px; margin-bottom: 15px; li{ width: 342px; height: 258px; margin-bottom: 18px; margin-right: 24px; float: left; border-radius: 8px; background: #FFFFFF; position: relative; overflow: hidden; box-shadow: 2px 0 20px rgb(0 0 0 / 5%); } .live-cursor-shadow{ width: 342px; height: 193px; top: 0; left: 0; } >a:nth-child(4n){ li{ margin-right: 0; } } .video-top-box{ height: 193px; width: 342px; position: relative; } .video-top-shadow{ width: 342px; height: 50px; position: absolute; bottom: 0; left: 0; background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0)); } .video-time{ color: #fff; font-size: 16px; position: absolute; z-index: 2; right: 8px; bottom: 10px; } .video-name-box{ position: relative; height: 65px; width: 342px; } .video-face{ position: absolute; width: 40px; height: 40px; border-radius: 50%; left: 6px; top: 10px; } .video-title{ color: #333333; font-size: 14px; text-indent: 12px; padding-top: 10px; width: 330px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .video-tag-box{ margin-left: 10px; margin-top: 4px; >div{ min-width: 42px; max-width: 84px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 18px; background: #FFE8F1; color: #E53985; font-size: 12px; line-height: 18px; text-align: center; border-radius: 4px; float: left; margin-right: 4px; margin-bottom: 30px; } } } .search-images-top{ font-size: 28px; font-weight: 700; color: #333333; font-size: 28px; margin-top: 15px; margin-bottom: 14px; } .like-no-box { text-align: center; padding-top: 100px; >img{ width: 150px; position: static; } > p { color: #aaa; font-size: 18px; padding-top: 20px; } }