style.css 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. body {background:#F8F8F8;}
  2. .body_box {height:700px;}
  3. .hi {display:none}
  4. /**/
  5. .vnav-box {position:fixed;top:50px;left:0;width:100%;z-index:50;}
  6. .video-nav {white-space:nowrap;margin:10px 0;padding-left:15px;}
  7. .video-nav a {display:inline-block;background:#fff;color:#666;font-size:0.9375rem;text-align:center;border-radius:2rem;width:80px;padding:0.3rem 0;}
  8. .video-nav a.on {background:#F24D41;color:#fff;}
  9. .seek-box {padding:19px 15px 8px;
  10. display: -webkit-flex;
  11. display: flex;
  12. flex-wrap: nowrap;
  13. }
  14. .seek-box input {height:40px;line-height:40px;border:none;width:100%;font-size:0.9375rem;padding-left:10px;box-shadow:0px 0px 3px 1px rgba(170, 155, 155, 0.2);}
  15. .seek-box .seek-btn {display:inline-block;background:#F24D41;width:100px;text-align:center;height:40px;line-height:40px;color:#fff;box-shadow:0px 0px 3px 1px rgba(242, 77, 65, 0.28);margin-left:15px;}
  16. /*视频列表*/
  17. #mescroll {position:fixed;top:158px;bottom:65px;height:auto;}
  18. .video-list {padding:15px 15px;}
  19. .video-list ul li {width:48%;display:inline-block;vertical-align:top;box-shadow:0px 1px 13px 2px rgba(0, 0, 0, 0.1);border-radius:5px;margin-top:15px;}
  20. .video-list ul li:nth-child(1) {margin-top:0;}
  21. .video-list ul li:nth-child(2) {margin-top:0;}
  22. .video-list ul li:nth-child(2n) {float:right;}
  23. .video-list ul li .video-list-img {position:relative;height:8.8rem;}
  24. .video-list ul li .video-list-img img {display:block;width:100%;height:100%;}
  25. .video-list ul li .video-list-img:before {content:"";display:inline-block;width:29px;height:29px;background:url(/image/video/play.png) no-repeat center/29px 29px;top:50%;left:50%;position:absolute;margin-left:-18px;margin-top:-14px;}
  26. .video-list-font {padding:10px;}
  27. .video-list-font .video-list-title {font-size:0.875rem;color:#333;height:34px;}
  28. .video-list-label {margin:10px 0 0;font-size:0.625rem;color:#999;}
  29. .video-list-label span:first-child {}
  30. .video-list-label span:first-child:before {content:"";display:inline-block;width:13px;height:14px;background:url(/image/video/count.png) no-repeat center/13px 14px;position:relative;top:2px;right:3px;}
  31. .video-list-label span:last-child {float:right;}
  32. .video-list-label span:last-child:before {content:"";display:inline-block;width:14px;height:14px;background:url(/image/video/icon-like.png) no-repeat center/14px 14px;position:relative;top:2px;right:3px;}
  33. /*点赞*/
  34. .video-list-label span.oin {color:#FF5454;}
  35. .video-list-label span.oin:before {content:"";display:inline-block;width:14px;height:14px;background:url(/image/video/icon-like2.png) no-repeat center/14px 14px;position:relative;top:2px;right:3px;}