video.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /* miniprogram/pages/video/video.wxss */
  2. .videoGroup{
  3. padding-top: 3em;
  4. padding-bottom: 6em;
  5. }
  6. .widthClient {
  7. width: 750rpx;
  8. position: relative;
  9. top: 0;
  10. }
  11. .fun {
  12. display: flex;
  13. justify-content: space-between;
  14. padding: 20rpx 1em;
  15. font-size: 25rpx;
  16. line-height: 55rpx;
  17. }
  18. #progress {
  19. position: relative;
  20. padding-bottom: 3px;
  21. width: 750rpx;
  22. }
  23. .bag {
  24. position: fixed;
  25. z-index: 1;
  26. top: 0;
  27. left: 0;
  28. bottom: 0;
  29. right: 0;
  30. }
  31. .tarck{
  32. padding: 0 375rpx;
  33. min-height: 200px;
  34. }
  35. .cursorProgress {
  36. top: 0;
  37. width: 0;
  38. left: 50%;
  39. z-index: 1;
  40. height: 100%;
  41. position: absolute;
  42. transition: width .4s;
  43. border-right: 1px solid #fff;
  44. }
  45. .selectBtn{
  46. background-color: rgb(0,0,0);
  47. padding: 17rpx 34rpx;
  48. font-size: 32rpx;
  49. position: fixed;
  50. display: flex;
  51. width: 682rpx;
  52. z-index: 1;
  53. bottom: 0;
  54. }
  55. .selectBtn .local__item {
  56. flex-basis: 120rpx;
  57. height: 120rpx;
  58. width: 120rpx;
  59. flex-shrink: 0;
  60. }
  61. .scrollx{
  62. transition: all 0.2s;
  63. white-space:nowrap;
  64. width: 750rpx;
  65. overflow: hidden;
  66. }