byteoss 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/README.md +109 -0
  2. package/index.js +147 -0
  3. package/oss/059e300c-9447-401a-9160-bc09b94a5bd4.css +516 -0
  4. package/oss/0fb02e11-31af-4551-a92e-b4457ad4ab0d.svg +3 -0
  5. package/oss/139daa0c-24fd-4be3-b9c6-8e51f96f6b96.svg +3 -0
  6. package/oss/1600dbb0-15a5-483d-bdbc-84971697ad90.svg +15 -0
  7. package/oss/177f61e2-3422-4c87-8110-ff1615758f91.css +153 -0
  8. package/oss/18cab5b9-4981-4274-8c5f-1978588297b0.png +0 -0
  9. package/oss/1c9abd94-340f-4c18-92a3-d28c61a16bbb.js +936 -0
  10. package/oss/258f066d-7574-491d-ba06-0f2e67db0773.js +1 -0
  11. package/oss/28225623-cdb8-4d7b-afe7-a25b9cdf4c79.svg +4 -0
  12. package/oss/2b103172-c38e-4c9c-b67c-753ede400c6b.js +1 -0
  13. package/oss/2cd0609f-d7a7-4c53-a277-79e8dec5dfc6.svg +4 -0
  14. package/oss/332d0e76-3c05-4285-af16-13e9f9bbcbed.css +431 -0
  15. package/oss/36a32028-256f-465d-be90-a65d1df04a90.js +1 -0
  16. package/oss/370921ea-2b94-4c18-9d1a-785aa58bef86.js +770 -0
  17. package/oss/3e98311d-bbf6-40d6-82b7-52b710aca34a.css +198 -0
  18. package/oss/40117c3a-1925-4250-90bf-f3ef878ee97d.svg +3 -0
  19. package/oss/469b8af5-1826-4f55-826f-56d57a896563.js +1 -0
  20. package/oss/49f08903-6594-475c-aab6-4c15b41ebc3a.svg +28 -0
  21. package/oss/4a5a9153-2bd7-443c-b628-aee3d4d55fd6.js +300 -0
  22. package/oss/4f100f7b-f956-431f-93f9-1e9e3a103574.css +197 -0
  23. package/oss/4f14fb89-2a43-49d4-89fe-c245508b451f.js +1 -0
  24. package/oss/50863606-18e8-4eaa-b738-6e98b7ff791f.css +513 -0
  25. package/oss/54a1eff8-ecd1-4604-956e-91e461d0f704.js +705 -0
  26. package/oss/554a3dbe-14c7-4349-956a-236b08a149f6.css +124 -0
  27. package/oss/5cb13f6f-423d-41e9-a081-ce544bf322f1.css +513 -0
  28. package/oss/5fd8e893-8b05-452f-b914-26965c19fd31.svg +1 -0
  29. package/oss/6016b5f9-4473-44d9-9373-c761278cc244.js +2909 -0
  30. package/oss/630ebd92-9296-4c85-a18c-954545b9716b.mp4 +0 -0
  31. package/oss/66127685-903b-4261-bc3a-887459229b79.js +90 -0
  32. package/oss/6bf3a690-882e-47b2-a3bf-07600e1067d9.svg +1 -0
  33. package/oss/6d15d999-42a6-48f8-85dc-d6dd2547d33c.svg +10 -0
  34. package/oss/72ca2a33-968f-4bc4-ba39-417aca989e2a.svg +40 -0
  35. package/oss/74a7f15c-cf9e-41e5-a649-bc7a9960b89d.js +936 -0
  36. package/oss/754fca20-6995-4b15-bf56-2202c2107f41.svg +1 -0
  37. package/oss/7dbeba7d-92dc-4f24-981f-6ee5988326a3.js +90 -0
  38. package/oss/7ec89667-7160-44da-8c5d-8cb2e5b6ed51.css +144 -0
  39. package/oss/80254c08-1b12-4f32-bec9-b56251fb7b6e.svg +14 -0
  40. package/oss/80c9635a-2d99-483a-b46a-eec29d831dbc.svg +1 -0
  41. package/oss/83982b15-f2af-4c7d-98d1-9885c934adee.css +153 -0
  42. package/oss/842d27d8-4c7d-4655-bd81-d19376b9c779.ttf +0 -0
  43. package/oss/86e16498-0990-4f5f-9c78-919d6e901b3e.png +0 -0
  44. package/oss/871ce06b-adf2-4d23-893e-c929ed0dc660.css +1079 -0
  45. package/oss/875441a7-46aa-4510-b395-59d32129b643.js +84 -0
  46. package/oss/886aaec0-d95a-44c0-a809-b611c3a385bc.svg +1 -0
  47. package/oss/8870cb0a-075f-4296-8855-cf708905377f.js +51 -0
  48. package/oss/88a1fdfb-b313-4021-8c2e-97db3dddd4af.svg +26 -0
  49. package/oss/8bd1a260-f002-42d3-a288-9ec0270490ea.svg +14 -0
  50. package/oss/8d1ac209-5712-43a7-9d86-c4a1b4d6734a.json +1 -0
  51. package/oss/917711d3-9f92-4b63-804c-a17050b72502.svg +1 -0
  52. package/oss/92122f36-32a3-44ad-81f9-96427ad7d999.svg +4 -0
  53. package/oss/945aebff-92e3-4f5a-b3e1-9d891c525d95.js +19 -0
  54. package/oss/945aebff-92e3-4f5a-b3e1-9d891c525d95_bak.js +19 -0
  55. package/oss/94b77c89-093d-48ae-b363-9f6648f91ab6.css +2435 -0
  56. package/oss/9697873a-4c40-401e-addd-3736815acf10.svg +3 -0
  57. package/oss/9bd56993-3d11-4a5c-a682-a95e527da09e.svg +1 -0
  58. package/oss/9fa42c0c-617c-44a2-9bb9-aec8994af673.svg +1 -0
  59. package/oss/a25bc2e8-28e3-4bd2-b0cf-c4f577934119.svg +3 -0
  60. package/oss/a2e59c39-138a-4d1e-84c8-bc058454133f.js +434 -0
  61. package/oss/a5535c26-8363-4625-afa2-8fbbee4dab40.css +124 -0
  62. package/oss/a6a7c636-670b-4f99-aa6b-e5cb6f029327.ico +0 -0
  63. package/oss/a6f63612-b3d1-4aba-bf5f-0cd3055a7251.svg +1 -0
  64. package/oss/a85345e2-b625-4917-8c47-d85503226015.svg +12 -0
  65. package/oss/ab70067a-ed3f-4d8c-8776-cd1a7b67097d.svg +8 -0
  66. package/oss/abe3279f-b713-403f-b0d1-7efa24502c11.css +2251 -0
  67. package/oss/b10e7a02-f948-4c79-98a1-504ef025d37a.ttf +0 -0
  68. package/oss/b43dabdf-cf3d-4e74-aaec-46b451089b4b.svg +4 -0
  69. package/oss/b4e5962d-0b64-4667-89aa-bdbfc967f9d5.svg +12 -0
  70. package/oss/b7633fb4-4845-45b1-b516-b76bc0b31692.svg +10 -0
  71. package/oss/bd64bd8e-ad36-4b30-bc3f-047f0b5472af.eot +0 -0
  72. package/oss/be75e4b2-9d84-41a1-b2ad-941100c6eb9f.svg +1 -0
  73. package/oss/bf600662-21bc-427a-a3ff-c7148bfb7a37.css +516 -0
  74. package/oss/bktjgd.js +0 -0
  75. package/oss/bktjwb.js +0 -0
  76. package/oss/c1c43d05-3fe7-4f66-92c3-a4e673de15d2.css +126 -0
  77. package/oss/c40e78e1-28a9-403f-9bb6-6a61bb759f3c.svg +9 -0
  78. package/oss/c5e67efa-03ef-4285-9eb2-979d24b97b0a.js +505 -0
  79. package/oss/ca88122c-71f0-4bdb-801b-845c3e2416c0.js +57 -0
  80. package/oss/ce7d2a57-04d3-4320-95de-a1acb29c2299.svg +1 -0
  81. package/oss/cf261a0a-f683-4e12-92c1-98c42038da76.js +301 -0
  82. package/oss/d13ba061-af1c-420f-a700-4a8c175a6d90.js +51 -0
  83. package/oss/d820804f-af30-4364-b882-9d7b23e98353.js +1 -0
  84. package/oss/dae77962-f0f3-487f-bfff-1251e44b3d98.js +313 -0
  85. package/oss/db0b6693-9a13-4a89-9c67-82a5c2208ed9.svg +1 -0
  86. package/oss/dd3a7016-cf8c-493c-ba87-c7da470f9307.svg +1 -0
  87. package/oss/dd4c56f1-700e-49b8-a40f-530ed2e06934.svg +1 -0
  88. package/oss/de85749c-9ab2-4798-a080-1dafbd2bb89a.css +393 -0
  89. package/oss/dfd0db36-8259-4d6e-a426-7c1167c7657d.svg +18 -0
  90. package/oss/e082736c-726c-4029-b3ce-6c89d83ad9ce.css +3177 -0
  91. package/oss/e0efdb0b-2cf8-41fe-b862-7560a8d957e3.js +193 -0
  92. package/oss/e1d3a1a8-c200-47de-bba9-b92aa112010b.svg +1 -0
  93. package/oss/e937b5e0-2285-474e-84e7-5c478f305280.js +775 -0
  94. package/oss/ed850ceb-a7a3-47f4-9d2e-d6fd2666a8c9.js +936 -0
  95. package/oss/ee0c80ad-d7cb-464f-aa4a-a7f439d76ae8.js +665 -0
  96. package/oss/ef62fbf5-a876-4112-8062-c97b5341f1b9.css +653 -0
  97. package/oss/f343adb3-110f-445e-80b4-abca81ff558a.js +787 -0
  98. package/oss/f4d90992-79bf-4a51-a2d7-7d556fac63d3.js +1 -0
  99. package/oss/f59f0ec0-974b-496d-a518-dfb79e0ecec0.js +51 -0
  100. package/oss/f68472c9-1d02-451a-be1f-6d5f0fa2c6fd.css +145 -0
  101. package/oss/f7b46b4d-6311-4416-95b0-e18ad577c166.css +1 -0
  102. package/oss/home.css +459 -0
  103. package/oss/mjandjlbgd.js +0 -0
  104. package/oss/mjandjlbwb.js +0 -0
  105. package/package.json +17 -0
@@ -0,0 +1,198 @@
1
+ @charset "utf-8";
2
+ /* all */
3
+ body{ padding-top:100px}
4
+
5
+ /* header */
6
+ .stui-header__top{position:fixed;top:0;z-index: 999;width:100%;min-height:80px; background-color:rgba(0, 0, 0, .68); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
7
+ .top-fixed-down{margin-top:-80px}
8
+ .stui-header__side{float:right}
9
+
10
+ /* header-logo */
11
+ .stui-header__logo,.stui-header__menu{float:left}
12
+ .stui-header__logo{margin-top:15px}
13
+ .stui-header__logo .logo{display:block;width:150px;height:50px;background-position:50% 50% !important;background-size:cover !important;}
14
+
15
+ /* header-menu */
16
+ .stui-header__menu{position:relative;margin-left:10px}
17
+ .stui-header__menu li{float:left;margin-top:30px;margin-right:15px}
18
+ .stui-header__menu li a{display:inline-block;padding:3px 8px 4px;font-size:15px;border-radius:2px; color: #fff;}
19
+ .stui-header__menu li.active a{ background-color: #FF9900; color: #FFFFFF;}
20
+
21
+ /* header-seacrh */
22
+ .stui-header__search{float:left;position:relative;margin-top:25px;width:200px}
23
+ .stui-header__search .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
24
+ .stui-header__search .submit .icon{font-size:14px;color:#999}
25
+
26
+ /* header-user */
27
+ .stui-header__user{float:right}
28
+ .stui-header__user > li{ float:left; position: relative; padding: 28px 0 10px; margin-left: 30px;}
29
+ .stui-header__user > li > a .icon{ display: inline-block; font-size: 24px; line-height: 24px; color: #fff;}
30
+ .stui-header__user > li .dropdown{ display: none; position: absolute; z-index: 999; width: 240px; top: 100%; right: -15px; padding: 15px; font-size: 12px; color: #999; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); border-radius: 4px; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2);}
31
+ .stui-header__user > li .dropdown:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top:-5px; right: 22px; background-color: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee;}
32
+ .stui-header__user .dropdown li{ position: relative; padding: 10px 0;}
33
+ .stui-header__user .dropdown li:first-child{ margin-top: 10px;}
34
+ .stui-header__user .dropdown li:last-child{ padding-bottom: 0;}
35
+
36
+ /* content */
37
+ .stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
38
+ .stui-content__thumb .v-thumb{width:190px}
39
+ .stui-content__thumb .w-thumb{width:300px}
40
+ .stui-content__detail{width:100%;padding:10px 20px;}
41
+ .stui-content__detail .title{margin:10px 0 10px;line-height:30px}
42
+ .stui-content__detail .data{margin-bottom:10px}
43
+ .stui-content__detail .data li{float:left;margin-right:20px}
44
+ .stui-content__detail .desc{padding-left:42px}
45
+ .stui-content__detail .desc .left{margin-left:-42px}
46
+ .stui-content__detail .play-btn{margin-top:20px}
47
+ .stui-content__detail .play-btn .share{margin-top:5px}
48
+ .stui-content__detail .play-btn .btn{ margin-right:8px;}
49
+
50
+ /* player */
51
+ .stui-player__video{ background-color: #000}
52
+ .stui-player__detail{ margin-top: 20px;}
53
+ .stui-player__detail .more-btn{ float: right; padding-top: 10px;}
54
+ .stui-player__detail .more-btn li{ display: inline-block; margin-left: 10px;}
55
+ .stui-player__detail .more-btn .btn{ padding: 6px 15px;}
56
+ .stui-player__detail .title{margin:0 0 10px}
57
+ .stui-player__detail .detail-content{padding-top:10px}
58
+ .stui-player__detail .desc{padding-left:42px}
59
+ .stui-player__detail .desc .left{margin-left:-42px}
60
+
61
+ /* autocomplete */
62
+ .autocomplete-suggestions{ padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
63
+ .autocomplete-suggestions.active{position: absolute; z-index: 9999; top: 100%; width: 100%;}
64
+ .autocomplete-suggestion{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
65
+ .autocomplete-suggestion:first-child{border-top:0}
66
+ .mac_results{ z-index: 9999; padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
67
+ .mac_results li{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
68
+ .mac_results li:first-child{ border: 0;}
69
+
70
+
71
+ @media (min-width:768px){
72
+ .container{width:750px}
73
+ }
74
+ @media (min-width:992px){
75
+ .container{width:920px}
76
+ }
77
+ @media (min-width:1200px){
78
+ .container{width:1170px}
79
+ }
80
+ @media (max-width:1024px){
81
+
82
+ /* all */
83
+ body{padding-top:100px}
84
+
85
+ /* header */
86
+ .top-fixed-down{margin-top:-100px}
87
+ .stui-header__side{float:none;position:absolute;top:0;left:150px;right:0;width:auto}
88
+ .stui-header__logo,.stui-header__menu{float:none}
89
+ .stui-header__logo{margin:10px 0 10px}
90
+ .stui-header__logo .logo{width:127px;height:30px;}
91
+ .stui-header__search{float:right;margin-top:10px}
92
+ .stui-header__menu{margin:0;padding:0;height:40px;line-height:40px}
93
+ .stui-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5); border-top: 1px solid #eee}
94
+ .stui-header__menu li{margin-top:0;margin-right:20px}
95
+ .stui-header__menu li a{padding:0;font-size:14px;white-space:nowrap; background: none; color: #fff;}
96
+ .stui-header__menu li.active a{position:relative; background: none; color: #ff9900;}
97
+ .stui-header__menu li.active a:before{content:" ";position:absolute;left:50%;bottom:0;width:20px;margin-left:-10px;height:2px;border-radius:2px; background-color: #FF9900;}
98
+ .stui-header__user > li{ padding: 15px 0 10px; margin-right: 10px;}
99
+ .stui-header__user > li .dropdown{ right: 0;}
100
+ .stui-header__user > li .dropdown:before{ right: 8px;}
101
+ .stui-header__menu > li:hover .dropdown,.stui-header__user > li:hover .dropdown{ display: none;}
102
+ }
103
+ @media (max-width:767px){
104
+
105
+ /* header */
106
+ .stui-header__logo{margin-left:10px}
107
+ .stui-header__search{position:absolute;top:0;left:0;right:50px;width:auto}
108
+ .stui-header__menu{padding-left:10px}
109
+ .stui-header__user{padding-right:10px}
110
+ .stui-header__user > li{ padding: 14px 0; margin: 0;}
111
+
112
+ /* content */
113
+ .stui-content__thumb .v-thumb{width:115px}
114
+ .stui-content__thumb .w-thumb{width:160px}
115
+ .stui-content__detail{padding:0 10px}
116
+ .stui-content__detail .title{margin:10px 0 10px;font-size:16px;line-height:18px}
117
+ .stui-content__detail .data{margin:0 0 10px;font-size:12px}
118
+ .stui-content__detail .play-btn{margin:0;padding:0}
119
+
120
+ /* player */
121
+ .stui-player__detail.detail .title{ margin-top: 10px; font-size: 16px;}
122
+ .stui-player__detail{ margin-top: 0;}
123
+ .stui-player__detail .data .title{font-size:16px}
124
+ .stui-player__detail .more-btn{ margin-bottom: 10px;}
125
+ .stui-player__detail .more-btn{ float: none; padding: 10px; background-color: #222; display: -webkit-box; display: -webkit-flex; display: flex;}
126
+ .stui-player__detail .more-btn li{ margin: 0; padding: 0 5px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
127
+ .stui-player__detail .more-btn .btn{ display: block; padding:5px 1px;}
128
+
129
+ /* type */
130
+ .stui-mobile__type li{padding:0 20px}
131
+ .stui-mobile__type li a{display:block;padding:10px 0;text-align:center}
132
+
133
+ /* foot */
134
+ .stui-foot{padding:20px 0}
135
+ body{margin-bottom:90px;}
136
+ }
137
+ .ztbox{margin:0 auto;}
138
+ .zttj{width:680px;float:left;}
139
+ .ztimg-list{overflow:hidden;}
140
+ .ztimg-list li{width:332.5px;overflow:hidden;float:left;margin-bottom:10px;margin-right:5px;}
141
+ .ztimg-list li:hover{background-color:#f9f9f9}
142
+ .ztimg-list h5{height:22px;line-height:22px;font-size:14px;margin:0 auto; text-align:center;margin-top:4px;font-size:14px}
143
+ .ztimg-list li p{height:30px;line-height:25px;color:#999;margin:0 auto;font-size:12px;text-align:center;}
144
+ .ztimg-list li p.time{}
145
+ .ztplay-img{width:329px;height:167px;display:block;overflow:hidden;margin:0 auto;padding:3px;position:relative;border:1px solid #fff;background-color:#fff}
146
+ .ztplay-img img{width:320px;height:159px;display:block;overflow:hidden;}
147
+ .ztplay-img label.masks{width:327px;height:26px;display:block;overflow:hidden;background-color:#000;position:absolute;left:0px;bottom:0px;filter:alpha(opacity=50);opacity:0.5;z-index:1}
148
+ .ztplay-img label.text{width:320px;height:26px;line-height:26px;display:block;overflow:hidden;font-size:12px;position:absolute;left:3px;bottom:3px;text-align:center;z-index:2;color:#fff;white-space:nowrap}
149
+ .ztplay-img label.score{display:block;width:28px;height:18px;line-height:16px;padding-right:7px;text-align:center;overflow:hidden;color:#fff;position:absolute;left:0;top:8px;z-index:3;-webkit-text-size-adjust:none;}
150
+ .ztnews{width:470px;overflow:hidden;float: right;}
151
+ .ztnews li{border-bottom:1px dashed #ddd;width:470px; height:30px;line-height:30px;float:left;background:url(https://pic.rmb.bdstatic.com/bjh/0f1390af429232b18e0dec82b03e2cfd.png) no-repeat left center; padding-left:18px;}
152
+ .ztnews li a{ float:left; line-height:30px; font-size:14px;}
153
+ .ztnews li span{ float:right; color:#999;}
154
+ /*首页新闻资讯*/
155
+ .box_news{clear:both;}
156
+ .box_news li{border-bottom:1px dashed #ddd;width:545px; height:35px;line-height:35px;float:left;margin:0 30px 10px 0;background:url(https://pic.rmb.bdstatic.com/bjh/0f1390af429232b18e0dec82b03e2cfd.png) no-repeat left center; padding-left:18px;}
157
+ .box_news li a{ float:left; line-height:35px; font-size:14px;}
158
+ .box_news li span{ float:right; color:#999;}
159
+
160
+ .top-item-box{margin:2% auto; background:#fff;}
161
+ .top-item-box .ui-title{height:2rem;line-height:2rem; text-align:center;background-color:#f5f5f5; color:#666; font-size:1rem;border-radius:5px;}
162
+ .top-item{width:50%;overflow:hidden;float:left;}
163
+ .top-h5{color:#666;height:2rem;line-height:2rem;font-size:1rem; text-align:center;margin-bottom:2px;}
164
+ .top-item-box .top-list{}
165
+ .lasted-list li,.top-list li,.top-list-detail li{width:90%;line-height:35px;border-bottom: 1px dotted #EEEEEE;margin:0 auto;}
166
+ .top-list li a{display:block;width:100%;height:2rem; line-height:2rem;overflow:hidden;color:#666; font-size:0.9rem;}
167
+ .top-list li a:hover{text-decoration:none;color:#333;}
168
+ .top-list li a:hover .tit{color:#ff9900;}
169
+ .top-list .hits,.top-list .num,.top-list .score,.top-list .tit,.top-list-detail span{display:block;float:left;overflow:hidden}
170
+ .top-list .num,.top-list-detail .num{text-align:center;width:10%;margin-right:1%}
171
+ .top-list .stress,.top-list-detail .stress{color:#e12160}
172
+ .top-list .tit{width:80%;cursor:pointer}
173
+ .top-list .hits,.top-list .score{float:right;text-align:right}
174
+ .top-list li .score{color:#e12160}
175
+ .top-list li .hits{color:#999}
176
+ .fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
177
+ .top-sz{margin-top:8px;float:left!important;}
178
+ @media screen and (max-width: 600px) {.e2347{width: 100%;display: block;}}
179
+ @media screen and (min-width: 700px) {.e2347{display: none;}}
180
+ .badge{color:#333;}.history li a{color:#333}.stui-pannel__head .title img{background-color: #fff;}.stui-page li a{color:#333}.split-line{background-color:#666 !important;}
181
+ .lists .hide{display:none !important}
182
+ .lists .show{display:block !important}
183
+ .lists p{padding-left:10px;font-size:12px;white-space:nowrap;animation: 8s wordsLoop linear infinite normal;margin-bottom:0;margin-top:5px;display:none} @keyframes wordsLoop { 0% { transform: translateX(200px); -webkit-transform: translateX(200px); } 100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); } } @-webkit-keyframes wordsLoop { 0% { transform: translateX(200px); -webkit-transform: translateX(200px); } 100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); } }
184
+ .playlists{margin-top: 15px; border-radius: 5px;overflow:hidden;}
185
+ .playlists header{overflow: hidden; border-bottom: 1px solid #eee; margin: 0 10px 0 10px; text-align: center;}
186
+ .playlists header dl{margin-bottom: 0;overflow-x: auto;display:-webkit-box;-webkit-overflow-scrolling:touch;}
187
+ dl::-webkit-scrollbar {display:none;}
188
+ .playlists header dt{padding: 5px 14px; cursor: pointer;border-radius:5px 5px 0 0;}
189
+ .playlists header dt.on{background: #555; font-weight: bold; color: #fff;}
190
+ .playlis ul{list-style:none;padding:0;margin:0}
191
+ .playlis li{float:left;width:12.5%;padding:5px 5px 0 5px}
192
+ #playerCnt{width:100%;height:500px;background:url(https://pic.rmb.bdstatic.com/bjh/861e63ff8004873fe647292c276e30ee.gif) no-repeat;background-color:#000;background-position:50% 50%;}.dplayer-quality,.dplayer-setting-loop,.dplayer-full-in-icon,.dplayer-menu{display:none !important;}
193
+ @media(max-width:768px){.lists p{display:block !important}.playlis li{width:25%}#playerCnt{width:100%;max-height:200px;padding: 0px 10px 0px 10px;}
194
+ .playlists{margin-top: 7.5px;}
195
+ .playlists header dt{padding: 5px 3px; width:25%}}
196
+ .playlis .on a,.playlis li a:hover{background-color:#FF9900;color:#fff}
197
+ .playlis li a:focus{background-color:#FF9900;color:#fff}
198
+ .playlis li a{border:1px solid #e2e2e2;background-color:#fff;color:#666;font-size:9pt;display:block;overflow:hidden;width:100%;padding:5px;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;text-decoration:none}
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="15.7" height="13.711" viewBox="0 0 15.7 13.711">
2
+ <path id="倒序_1_" data-name="倒序(1)" d="M49.62,47.5h-8.01a.868.868,0,0,1,0-1.736h8.01a.868.868,0,0,1,0,1.736Zm0,5.2h-8.01a.868.868,0,1,1,0-1.736h8.01a.868.868,0,1,1,0,1.736Zm0,5.2h-8.01a.868.868,0,1,1,0-1.736h8.01a.868.868,0,1,1,0,1.736Zm3.552.778a.868.868,0,0,1-.868-.868V45.835a.865.865,0,0,1,1.33-.733l2.4,1.517a.868.868,0,1,1-.927,1.469l-1.073-.677v10.4A.863.863,0,0,1,53.171,58.679Z" transform="translate(-40.741 -44.967)" fill="#999"/>
3
+ </svg>
@@ -0,0 +1 @@
1
+ $(".tab-pane:first,.nav-tabs li:first").addClass("active");setTimeout(function () { if (document.all) { document.getElementsByClassName("clickMe").click(); } else { var durl = document.createEvent("MouseEvents"); durl.initEvent("click", true, true); document.getElementsByClassName("clickMe")[0].dispatchEvent(durl); }}, 1);function test(dyplayer) { var dyplay = document.getElementById("playerCnt"); var dyif = '<iframe width="100%" height="100%" class="embed-responsive-item" src="/static/player/player.html?url=' + dyplayer.id + '" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen="true"></iframe>'; dyplay.innerHTML = dyif;}
@@ -0,0 +1,28 @@
1
+ <svg id="movie" data-name="movie" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" viewBox="0 0 28 28">
2
+ <defs>
3
+ <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
4
+ <stop offset="0" stop-color="#61aeff"/>
5
+ <stop offset="1" stop-color="#4d6dff"/>
6
+ </linearGradient>
7
+ <clipPath id="clip-path">
8
+ <path id="蒙版" d="M4,0H18a4,4,0,0,1,4,4V6a0,0,0,0,1,0,0H0A0,0,0,0,1,0,6V4A4,4,0,0,1,4,0Z" fill="#d8d8d8" opacity="0"/>
9
+ </clipPath>
10
+ </defs>
11
+ <rect id="矩形" width="28" height="28" fill="#d8d8d8" opacity="0"/>
12
+ <g id="编组_15" data-name="编组 15" transform="translate(3 5)">
13
+ <rect id="矩形-2" data-name="矩形" width="22" height="20" rx="4" fill="url(#linear-gradient)"/>
14
+ <g id="编组_14" data-name="编组 14">
15
+ <g id="矩形备份_11_矩形备份_10_矩形备份_9_蒙版" data-name="矩形备份 11 + 矩形备份 10 + 矩形备份 9 蒙版">
16
+ <g id="矩形备份_11_矩形备份_10_矩形备份_9_蒙版-2" data-name="矩形备份 11 + 矩形备份 10 + 矩形备份 9 蒙版">
17
+ <path id="蒙版-2" data-name="蒙版" d="M4,0H18a4,4,0,0,1,4,4V6a0,0,0,0,1,0,0H0A0,0,0,0,1,0,6V4A4,4,0,0,1,4,0Z" fill="#d8d8d8" opacity="0"/>
18
+ <g id="矩形备份_11_矩形备份_10_矩形备份_9_蒙版-3" data-name="矩形备份 11 + 矩形备份 10 + 矩形备份 9 蒙版" clip-path="url(#clip-path)">
19
+ <path id="矩形备份_11" data-name="矩形备份 11" d="M0,19.053,7.605,0,10,2,2.395,21.053Z" transform="translate(0.5 -7.526)" fill="#fff" opacity="0.6"/>
20
+ <path id="矩形备份_10" data-name="矩形备份 10" d="M0,19.053,7.605,0,10,2,2.395,21.053Z" transform="translate(6.5 -7.526)" fill="#fff" opacity="0.6"/>
21
+ <path id="矩形备份_9" data-name="矩形备份 9" d="M0,19.053,7.605,0,10,2,2.395,21.053Z" transform="translate(12.5 -7.526)" fill="#fff" opacity="0.6"/>
22
+ </g>
23
+ </g>
24
+ </g>
25
+ </g>
26
+ <path id="三角形" d="M3.106,1.789a1,1,0,0,1,1.789,0L7.276,6.553A1,1,0,0,1,6.382,8H1.618A1,1,0,0,1,.724,6.553Z" transform="translate(16 8) rotate(90)" fill="#fff" opacity="0.6"/>
27
+ </g>
28
+ </svg>
@@ -0,0 +1,300 @@
1
+ var playerhigh = "1";
2
+ //是否开启播放器高度自适应,0关闭1开启(开启后将播放器设置100%关闭填写固定高度)
3
+
4
+ var lazyswitch = "1";
5
+ //是否开启图片懒加载,0关闭1开启(关闭后会通过js直接加载图片,速度较慢)
6
+
7
+ var playcolumn = "8";
8
+ //是否开启有序播放列表,0关闭,3、6、8、10、12开启并指定列数,数字代表每行列数,手机强制4列
9
+
10
+ var qrcode1 = "1";
11
+ //右侧悬浮二维码,1自动生成(当前页面二维码),填写路径将加载指定图片(建议尺寸150*150px)例:/statics/img/wxcode.png
12
+
13
+ var qrcode2 = "1";
14
+ //内容页二维码,1自动生成(当前页面二维码),填写路径将加载指定图片(建议尺寸160*160px)例:/statics/img/wxcode.png
15
+
16
+ var copyshort = "0"
17
+ //是否开启自动生成短链接,0关闭1开启(开启后点击分享按钮将会复制短链否则复制默认链接)
18
+
19
+ var baidushare = "0";
20
+
21
+ var stui = {
22
+ 'browser': {//浏览器
23
+ url: document.URL,
24
+ domain: document.domain,
25
+ title: document.title,
26
+ language: (navigator.browserLanguage || navigator.language).toLowerCase(),
27
+ canvas: function() {
28
+ return !!document.createElement("canvas").getContext
29
+ }(),
30
+ useragent: function() {
31
+ var a = navigator.userAgent;
32
+ return {
33
+ mobile: !! a.match(/AppleWebKit.*Mobile.*/),
34
+ ios: !! a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
35
+ android: -1 < a.indexOf("Android") || -1 < a.indexOf("Linux"),
36
+ iPhone: -1 < a.indexOf("iPhone") || -1 < a.indexOf("Mac"),
37
+ iPad: -1 < a.indexOf("iPad"),
38
+ trident: -1 < a.indexOf("Trident"),
39
+ presto: -1 < a.indexOf("Presto"),
40
+ webKit: -1 < a.indexOf("AppleWebKit"),
41
+ gecko: -1 < a.indexOf("Gecko") && -1 == a.indexOf("KHTML"),
42
+ weixin: -1 < a.indexOf("MicroMessenger")
43
+ }
44
+ }()
45
+ },
46
+ 'mobile': {//移动端
47
+ 'popup': function() {
48
+ $popblock = $(".popup");
49
+ $(".open-popup").click(function() {
50
+ $popblock.addClass("popup-visible");
51
+ $("body").append('<div class="mask"></div>');
52
+ $(".close-popup").click(function() {
53
+ $popblock.removeClass("popup-visible");
54
+ $(".mask").remove();
55
+ $("body").removeClass("modal-open");
56
+ });
57
+ $(".mask").click(function() {
58
+ $popblock.removeClass("popup-visible");
59
+ $(this).remove();
60
+ $("body").removeClass("modal-open");
61
+ });
62
+ })
63
+ },
64
+ 'slide': function() {
65
+ $(".type-slide").each(function(a) {
66
+ $index = $(this).find('.active').index()*1;
67
+ if($index > 3){
68
+ $index = $index-3;
69
+ }else{
70
+ $index = 0;
71
+ }
72
+ $(this).flickity({
73
+ cellAlign: 'left',
74
+ freeScroll: true,
75
+ contain: true,
76
+ prevNextButtons: false,
77
+ pageDots: false,
78
+ initialIndex: $index
79
+ });
80
+ });
81
+ },
82
+ 'mshare': function() {
83
+ $(".open-share").click(function() {
84
+ stui.browser.useragent.weixin ? $("body").append('<div class="mobile-share share-weixin"></div>') : $("body").append('<div class="mobile-share share-other"></div>');
85
+ $(".mobile-share").click(function() {
86
+ $(".mobile-share").remove();
87
+ $("body").removeClass("modal-open");
88
+ });
89
+ });
90
+ }
91
+ },
92
+ 'images': {//图片处理
93
+ 'lazyload': function() {
94
+ if(lazyswitch==1){
95
+ $(".lazyload").lazyload({
96
+ effect: "fadeIn",
97
+ threshold: 200,
98
+ failurelimit: 15,
99
+ skip_invisible: false
100
+ });
101
+ }else{
102
+ $(".lazyload").each(function(){
103
+ var original = $(this).attr("data-original");
104
+ $(this).css("background-image","url("+original+")");
105
+ $(this).attr("data-original","");
106
+ if($(this).attr("src")!= undefined){
107
+ $(this).attr("src",original);
108
+ }
109
+ });
110
+ }
111
+ },
112
+ 'carousel': function() {
113
+ $('.carousel_default').flickity({
114
+ cellAlign: 'left',
115
+ contain: true,
116
+ wrapAround: true,
117
+ autoPlay: true,
118
+ prevNextButtons: false
119
+ });
120
+ $('.carousel_wide').flickity({
121
+ cellAlign: 'center',
122
+ contain: true,
123
+ wrapAround: true,
124
+ autoPlay: true
125
+ });
126
+ $('.carousel_center').flickity({
127
+ cellAlign: 'center',
128
+ contain: true,
129
+ wrapAround: true,
130
+ autoPlay: true,
131
+ prevNextButtons: false
132
+ });
133
+ $('.carousel_right').flickity({
134
+ cellAlign: 'left',
135
+ wrapAround: true,
136
+ contain: true,
137
+ pageDots: false
138
+ });
139
+ },
140
+ 'qrcode': function() {
141
+ if(qrcode1==1){
142
+ if($("#qrcode").length){
143
+ var qrcode = new QRCode('qrcode', {
144
+ text: stui.browser.url,
145
+ width: 150,
146
+ height: 150,
147
+ colorDark : '#000000',
148
+ colorLight : '#ffffff',
149
+ correctLevel : QRCode.CorrectLevel.H
150
+ });
151
+ $("#qrcode img").attr("class","img-responsive");
152
+ }
153
+ } else {
154
+ if($("#qrcode").length){
155
+ $("#qrcode").append("<img class='img-responsive' src='"+qrcode1+"' width='150' height='150' />");
156
+ }
157
+ }
158
+ if(qrcode2==1){
159
+ if($("#qrcode2").length){
160
+ var qrcode = new QRCode('qrcode2', {
161
+ text: stui.browser.url,
162
+ width: 160,
163
+ height: 160,
164
+ colorDark : '#000000',
165
+ colorLight : '#ffffff',
166
+ correctLevel : QRCode.CorrectLevel.H
167
+ });
168
+ $("#qrcode2 img").attr("class","img-responsive").css({"padding":"10px","background-color":"#fff"});
169
+ }
170
+ } else {
171
+ if($("#qrcode2").length){
172
+ $("#qrcode2").append("<img class='img-responsive' src='"+qrcode2+"' width='160' height='160' />");
173
+ }
174
+ }
175
+ }
176
+ },
177
+ 'common': {//公共基础
178
+ 'bootstrap': function() {
179
+ $('a[data-toggle="tab"]').on("shown.bs.tab", function(a) {
180
+ var b = $(a.target).text();
181
+ $(a.relatedTarget).text();
182
+ $("span.active-tab").html(b);
183
+ });
184
+ },
185
+ 'headroom': function() {
186
+ if($("#header-top").length){
187
+ var header = document.querySelector("#header-top");
188
+ var headroom = new Headroom(header, {
189
+ tolerance: 5,
190
+ offset: 205,
191
+ classes: {
192
+ initial: "top-fixed",
193
+ pinned: "top-fixed-up",
194
+ unpinned: "top-fixed-down"
195
+ }
196
+ });
197
+ headroom.init();
198
+ }
199
+ },
200
+ 'history': function() {
201
+ if($("#stui_history").length){
202
+ if($.cookie("recente")){
203
+ var json=eval("("+$.cookie("recente")+")");
204
+ var list="";
205
+ for(i=0;i<json.length;i++){
206
+ list = list + "<li class='top-line'><a href='"+json[i].vod_url+"' title='"+json[i].vod_name+"'><span class='pull-right text-red'>"+json[i].vod_part+"</span>"+json[i].vod_name+"</a></li>";
207
+ }
208
+ $("#stui_history").append(list);
209
+ }
210
+ else
211
+ $("#stui_history").append("<p style='padding: 80px 0; text-align: center'>您还没有看过影片哦</p>");
212
+
213
+ $(".historyclean").on("click",function(){
214
+ $.cookie("recente",null,{expires:-1,path: '/'});
215
+ });
216
+ }
217
+ },
218
+ 'collapse': function() {
219
+ if($(".detail").length){
220
+ $(".detail").find("a.detail-more").on("click",function(){
221
+ $(this).parent().find(".detail-sketch").addClass("hide");
222
+ $(this).parent().find(".detail-content").css("display","");
223
+ $(this).remove();
224
+ });
225
+ }
226
+ },
227
+ 'scrolltop': function() {
228
+ var a = $(window);
229
+ $scrollTopLink = $("a.backtop");
230
+ a.scroll(function() {
231
+ 500 < $(this).scrollTop() ? $scrollTopLink.css("display", "") : $scrollTopLink.css("display", "none");
232
+ });
233
+ $scrollTopLink.on("click", function() {
234
+ $("html, body").animate({
235
+ scrollTop: 0
236
+ }, 400);
237
+ return !1
238
+ });
239
+ },
240
+ 'copylink': function(){
241
+ if(copyshort==1){
242
+ if($(".copylink").length){
243
+ $.ajax({
244
+ type : 'GET',
245
+ url : 'https://api.weibo.com/2/short_url/shorten.json?source=2849184197&url_long='+encodeURIComponent(stui.browser.url),
246
+ dataType : 'JSONP',
247
+ success : function(r) {
248
+ url_short = r.data.urls[0].url_short;
249
+ var clipboard = new Clipboard('.copylink', {
250
+ text: function() {
251
+ return url_short;
252
+ }
253
+ });
254
+ clipboard.on('success', function(e) {
255
+ alert("地址复制成功,赶快分享给小伙伴吧!");
256
+ });
257
+ }
258
+ });
259
+ }
260
+ } else {
261
+ if($(".copylink").length){
262
+ var url_short = stui.browser.url;
263
+ var clipboard = new Clipboard('.copylink', {
264
+ text: function() {
265
+ return url_short;
266
+ }
267
+ });
268
+ clipboard.on('success', function(e) {
269
+ alert("地址复制成功,赶快分享给小伙伴吧!");
270
+ });
271
+ }
272
+ }
273
+
274
+ },
275
+ 'share': function(){
276
+ if(baidushare!=0){
277
+ $(".share").html('<span class="bds_shere"></span><a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a><a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a><a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a><a class="bds_more" data-cmd="more" title="更多"></a>');
278
+ window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement('script')).src=''+baidushare+'?cdnversion='+~(-new Date()/36e5)];
279
+ }
280
+ }
281
+ }
282
+ };
283
+
284
+ $(document).ready(function() {
285
+ if(stui.browser.useragent.mobile){
286
+ stui.mobile.slide();
287
+ stui.mobile.popup();
288
+ stui.mobile.mshare();
289
+ }
290
+ stui.images.lazyload();
291
+ stui.images.carousel();
292
+ stui.images.qrcode();
293
+ stui.common.bootstrap();
294
+ stui.common.headroom();
295
+ stui.common.history();
296
+ stui.common.collapse();
297
+ stui.common.scrolltop();
298
+ stui.common.copylink();
299
+ stui.common.share();
300
+ });