byteoss 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +109 -0
- package/index.js +147 -0
- package/oss/059e300c-9447-401a-9160-bc09b94a5bd4.css +516 -0
- package/oss/0fb02e11-31af-4551-a92e-b4457ad4ab0d.svg +3 -0
- package/oss/139daa0c-24fd-4be3-b9c6-8e51f96f6b96.svg +3 -0
- package/oss/1600dbb0-15a5-483d-bdbc-84971697ad90.svg +15 -0
- package/oss/177f61e2-3422-4c87-8110-ff1615758f91.css +153 -0
- package/oss/18cab5b9-4981-4274-8c5f-1978588297b0.png +0 -0
- package/oss/1c9abd94-340f-4c18-92a3-d28c61a16bbb.js +936 -0
- package/oss/258f066d-7574-491d-ba06-0f2e67db0773.js +1 -0
- package/oss/28225623-cdb8-4d7b-afe7-a25b9cdf4c79.svg +4 -0
- package/oss/2b103172-c38e-4c9c-b67c-753ede400c6b.js +1 -0
- package/oss/2cd0609f-d7a7-4c53-a277-79e8dec5dfc6.svg +4 -0
- package/oss/332d0e76-3c05-4285-af16-13e9f9bbcbed.css +431 -0
- package/oss/36a32028-256f-465d-be90-a65d1df04a90.js +1 -0
- package/oss/370921ea-2b94-4c18-9d1a-785aa58bef86.js +770 -0
- package/oss/3e98311d-bbf6-40d6-82b7-52b710aca34a.css +198 -0
- package/oss/40117c3a-1925-4250-90bf-f3ef878ee97d.svg +3 -0
- package/oss/469b8af5-1826-4f55-826f-56d57a896563.js +1 -0
- package/oss/49f08903-6594-475c-aab6-4c15b41ebc3a.svg +28 -0
- package/oss/4a5a9153-2bd7-443c-b628-aee3d4d55fd6.js +300 -0
- package/oss/4f100f7b-f956-431f-93f9-1e9e3a103574.css +197 -0
- package/oss/4f14fb89-2a43-49d4-89fe-c245508b451f.js +1 -0
- package/oss/50863606-18e8-4eaa-b738-6e98b7ff791f.css +513 -0
- package/oss/54a1eff8-ecd1-4604-956e-91e461d0f704.js +705 -0
- package/oss/554a3dbe-14c7-4349-956a-236b08a149f6.css +124 -0
- package/oss/5cb13f6f-423d-41e9-a081-ce544bf322f1.css +513 -0
- package/oss/5fd8e893-8b05-452f-b914-26965c19fd31.svg +1 -0
- package/oss/6016b5f9-4473-44d9-9373-c761278cc244.js +2909 -0
- package/oss/630ebd92-9296-4c85-a18c-954545b9716b.mp4 +0 -0
- package/oss/66127685-903b-4261-bc3a-887459229b79.js +90 -0
- package/oss/6bf3a690-882e-47b2-a3bf-07600e1067d9.svg +1 -0
- package/oss/6d15d999-42a6-48f8-85dc-d6dd2547d33c.svg +10 -0
- package/oss/72ca2a33-968f-4bc4-ba39-417aca989e2a.svg +40 -0
- package/oss/74a7f15c-cf9e-41e5-a649-bc7a9960b89d.js +936 -0
- package/oss/754fca20-6995-4b15-bf56-2202c2107f41.svg +1 -0
- package/oss/7dbeba7d-92dc-4f24-981f-6ee5988326a3.js +90 -0
- package/oss/7ec89667-7160-44da-8c5d-8cb2e5b6ed51.css +144 -0
- package/oss/80254c08-1b12-4f32-bec9-b56251fb7b6e.svg +14 -0
- package/oss/80c9635a-2d99-483a-b46a-eec29d831dbc.svg +1 -0
- package/oss/83982b15-f2af-4c7d-98d1-9885c934adee.css +153 -0
- package/oss/842d27d8-4c7d-4655-bd81-d19376b9c779.ttf +0 -0
- package/oss/86e16498-0990-4f5f-9c78-919d6e901b3e.png +0 -0
- package/oss/871ce06b-adf2-4d23-893e-c929ed0dc660.css +1079 -0
- package/oss/875441a7-46aa-4510-b395-59d32129b643.js +84 -0
- package/oss/886aaec0-d95a-44c0-a809-b611c3a385bc.svg +1 -0
- package/oss/8870cb0a-075f-4296-8855-cf708905377f.js +51 -0
- package/oss/88a1fdfb-b313-4021-8c2e-97db3dddd4af.svg +26 -0
- package/oss/8bd1a260-f002-42d3-a288-9ec0270490ea.svg +14 -0
- package/oss/8d1ac209-5712-43a7-9d86-c4a1b4d6734a.json +1 -0
- package/oss/917711d3-9f92-4b63-804c-a17050b72502.svg +1 -0
- package/oss/92122f36-32a3-44ad-81f9-96427ad7d999.svg +4 -0
- package/oss/945aebff-92e3-4f5a-b3e1-9d891c525d95.js +19 -0
- package/oss/945aebff-92e3-4f5a-b3e1-9d891c525d95_bak.js +19 -0
- package/oss/94b77c89-093d-48ae-b363-9f6648f91ab6.css +2435 -0
- package/oss/9697873a-4c40-401e-addd-3736815acf10.svg +3 -0
- package/oss/9bd56993-3d11-4a5c-a682-a95e527da09e.svg +1 -0
- package/oss/9fa42c0c-617c-44a2-9bb9-aec8994af673.svg +1 -0
- package/oss/a25bc2e8-28e3-4bd2-b0cf-c4f577934119.svg +3 -0
- package/oss/a2e59c39-138a-4d1e-84c8-bc058454133f.js +434 -0
- package/oss/a5535c26-8363-4625-afa2-8fbbee4dab40.css +124 -0
- package/oss/a6a7c636-670b-4f99-aa6b-e5cb6f029327.ico +0 -0
- package/oss/a6f63612-b3d1-4aba-bf5f-0cd3055a7251.svg +1 -0
- package/oss/a85345e2-b625-4917-8c47-d85503226015.svg +12 -0
- package/oss/ab70067a-ed3f-4d8c-8776-cd1a7b67097d.svg +8 -0
- package/oss/abe3279f-b713-403f-b0d1-7efa24502c11.css +2251 -0
- package/oss/b10e7a02-f948-4c79-98a1-504ef025d37a.ttf +0 -0
- package/oss/b43dabdf-cf3d-4e74-aaec-46b451089b4b.svg +4 -0
- package/oss/b4e5962d-0b64-4667-89aa-bdbfc967f9d5.svg +12 -0
- package/oss/b7633fb4-4845-45b1-b516-b76bc0b31692.svg +10 -0
- package/oss/bd64bd8e-ad36-4b30-bc3f-047f0b5472af.eot +0 -0
- package/oss/be75e4b2-9d84-41a1-b2ad-941100c6eb9f.svg +1 -0
- package/oss/bf600662-21bc-427a-a3ff-c7148bfb7a37.css +516 -0
- package/oss/bktjgd.js +0 -0
- package/oss/bktjwb.js +0 -0
- package/oss/c1c43d05-3fe7-4f66-92c3-a4e673de15d2.css +126 -0
- package/oss/c40e78e1-28a9-403f-9bb6-6a61bb759f3c.svg +9 -0
- package/oss/c5e67efa-03ef-4285-9eb2-979d24b97b0a.js +505 -0
- package/oss/ca88122c-71f0-4bdb-801b-845c3e2416c0.js +57 -0
- package/oss/ce7d2a57-04d3-4320-95de-a1acb29c2299.svg +1 -0
- package/oss/cf261a0a-f683-4e12-92c1-98c42038da76.js +301 -0
- package/oss/d13ba061-af1c-420f-a700-4a8c175a6d90.js +51 -0
- package/oss/d820804f-af30-4364-b882-9d7b23e98353.js +1 -0
- package/oss/dae77962-f0f3-487f-bfff-1251e44b3d98.js +313 -0
- package/oss/db0b6693-9a13-4a89-9c67-82a5c2208ed9.svg +1 -0
- package/oss/dd3a7016-cf8c-493c-ba87-c7da470f9307.svg +1 -0
- package/oss/dd4c56f1-700e-49b8-a40f-530ed2e06934.svg +1 -0
- package/oss/de85749c-9ab2-4798-a080-1dafbd2bb89a.css +393 -0
- package/oss/dfd0db36-8259-4d6e-a426-7c1167c7657d.svg +18 -0
- package/oss/e082736c-726c-4029-b3ce-6c89d83ad9ce.css +3177 -0
- package/oss/e0efdb0b-2cf8-41fe-b862-7560a8d957e3.js +193 -0
- package/oss/e1d3a1a8-c200-47de-bba9-b92aa112010b.svg +1 -0
- package/oss/e937b5e0-2285-474e-84e7-5c478f305280.js +775 -0
- package/oss/ed850ceb-a7a3-47f4-9d2e-d6fd2666a8c9.js +936 -0
- package/oss/ee0c80ad-d7cb-464f-aa4a-a7f439d76ae8.js +665 -0
- package/oss/ef62fbf5-a876-4112-8062-c97b5341f1b9.css +653 -0
- package/oss/f343adb3-110f-445e-80b4-abca81ff558a.js +787 -0
- package/oss/f4d90992-79bf-4a51-a2d7-7d556fac63d3.js +1 -0
- package/oss/f59f0ec0-974b-496d-a518-dfb79e0ecec0.js +51 -0
- package/oss/f68472c9-1d02-451a-be1f-6d5f0fa2c6fd.css +145 -0
- package/oss/f7b46b4d-6311-4416-95b0-e18ad577c166.css +1 -0
- package/oss/home.css +459 -0
- package/oss/mjandjlbgd.js +0 -0
- package/oss/mjandjlbwb.js +0 -0
- package/package.json +17 -0
@@ -0,0 +1,653 @@
|
|
1
|
+
html, body {
|
2
|
+
font-family: "Microsoft Yahei", PingFangSC-Regular, "PingFang TC", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, Helvetica, Arial, sans-serif, "Microsoft Jhenghei", "Heiti TC";
|
3
|
+
min-width: 320px;
|
4
|
+
background-color: #15161b;
|
5
|
+
margin: 0;
|
6
|
+
padding: 0;
|
7
|
+
color: #9e9e9e;
|
8
|
+
font-size: 0.37rem;
|
9
|
+
}
|
10
|
+
#app{
|
11
|
+
overflow-x: hidden;
|
12
|
+
}
|
13
|
+
a:link, a:visited,a:active {
|
14
|
+
text-decoration: none;
|
15
|
+
user-select: none;
|
16
|
+
color: rgb(255, 255, 255);
|
17
|
+
}
|
18
|
+
a {
|
19
|
+
text-decoration: none;
|
20
|
+
}
|
21
|
+
a:hover{
|
22
|
+
color: rgb(0 168 255);
|
23
|
+
}
|
24
|
+
|
25
|
+
ol, ul, li {
|
26
|
+
list-style: none;
|
27
|
+
margin: 0;
|
28
|
+
padding: 0;
|
29
|
+
}
|
30
|
+
*, ::after, ::before {
|
31
|
+
box-sizing: border-box;
|
32
|
+
}
|
33
|
+
.clearfix:before, .clearfix:after {
|
34
|
+
clear: both;
|
35
|
+
display: table;
|
36
|
+
content: " ";
|
37
|
+
}
|
38
|
+
.ellipsis-txt{
|
39
|
+
overflow: hidden;
|
40
|
+
text-overflow: ellipsis;
|
41
|
+
white-space: nowrap;
|
42
|
+
}
|
43
|
+
|
44
|
+
.font-35{
|
45
|
+
font-size: 0.35rem;
|
46
|
+
}
|
47
|
+
.w-10{width: 10%!important;}
|
48
|
+
.w-15{width: 15%!important;}
|
49
|
+
.w-20{width: 20%!important;}
|
50
|
+
.w-25{width: 25%!important;}
|
51
|
+
.w-30{width: 30%!important;}
|
52
|
+
.w-35{width: 35%!important;}
|
53
|
+
.w-40{width: 40%!important;}
|
54
|
+
.w-45{width: 45%!important;}
|
55
|
+
.w-50{width: 50%!important;}
|
56
|
+
.w-55{width: 55%!important;}
|
57
|
+
.w-60{width: 60%!important;}
|
58
|
+
.w-65{width: 65%!important;}
|
59
|
+
.w-70{width: 70%!important;}
|
60
|
+
.w-75{width: 75%!important;}
|
61
|
+
.w-80{width: 80%!important;}
|
62
|
+
.w-85{width: 85%!important;}
|
63
|
+
.w-90{width: 90%!important;}
|
64
|
+
.w-95{width: 95%!important;}
|
65
|
+
.w-100{width: 100%!important;}
|
66
|
+
.msg_jump_tit{width:100%;height:0.875rem;margin:0.625rem 0 0.25rem;text-align:center;font-size:0.625rem;color:#03a9f4;font-family:"黑体","microsoft yahei";letter-spacing:0.125rem;}
|
67
|
+
.verify_submit{background:#b0eead;border:0.025rem solid #23c319;color:#22c318;padding:0.125rem 0.625rem;display:inline-block;font-size:0.35rem;cursor:pointer;font-weight:500;}
|
68
|
+
.mac_pop_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
|
69
|
+
.mac_pop{z-index:99998;display:none;min-height:0.5rem;max-height:18.75rem;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:0.625rem;z-index:130;border-radius:0.2rem;background-color:#fff;box-shadow:0 0.075rem 0.45rem rgba(0,0,0,.5);}
|
70
|
+
.mac_pop .pop_top{height:1rem;width:100%;border-bottom:0.025rem #E5E5E5 solid;}
|
71
|
+
.mac_pop .pop_top h2{float:left;display:block;margin:0;font-size:0.45rem;font-weight:normal;font-family:"microsoft yahei";}
|
72
|
+
.mac_pop span.pop_close{float:right;width:0.575rem;height:0.575rem;font-size:0;cursor:pointer;font-weight:bold;display:block;background:url("../images/background.png") no-repeat;background-size:cover;}
|
73
|
+
.mac_pop .pop-foot{height:1.25rem;line-height:1.25rem;width:100%;border-top:0.025rem #E5E5E5 solid;text-align:right;}
|
74
|
+
.mac_pop .pop-cancel,.pop-ok{padding:0.2rem 0.375rem;margin:0.375rem 0.125rem;border:none;border-radius:0.125rem;background-color:#337AB7;color:#fff;cursor:pointer;}
|
75
|
+
.mac_pop .pop-cancel{background-color:#FFF;border:0.025rem #CECECE solid;color:#000;}
|
76
|
+
.mac_pop .pop-content{height:9.5rem;}
|
77
|
+
.mac_pop .pop-content-left{float:left;}
|
78
|
+
.mac_pop .pop-content-right{width:7.75rem;float:left;padding-top:0.5rem;padding-left:0.5rem;font-size:0.4rem;line-height:0.875rem;}
|
79
|
+
.mac_pop .bgPop{display:none;position:absolute;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
|
80
|
+
.mac_pop .pop-msg{text-align:center;font-size:0.35rem;}
|
81
|
+
.mac_pop_msg_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
|
82
|
+
.mac_pop_msg{z-index:99999;display:none;min-height:0.5rem;max-height:18.75rem;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:0.625rem;z-index:130;border-radius:0.2rem;background-color:#fff;box-shadow:0 0.075rem 0.45rem rgba(0,0,0,.5);}
|
83
|
+
.mac_pop_msg .pop-msg{text-align:center;font-size:0.35rem;}
|
84
|
+
.mac_login{padding:0.75rem;width:10rem;height:8.75rem;background:#fff;box-sizing:border-box;font-family:"microsoft yahei";}
|
85
|
+
.mac_login h3{font-weight:normal;color:#333;margin:0 0 0.75rem;}
|
86
|
+
.mac_login .mac_login_form .login_form_group{margin-top:0.5rem;}
|
87
|
+
.mac_login .mac_login_form .login_form_group input{padding:0.1rem 0.25rem 0.1rem 0.9rem;width:100%;height:0.95rem;line-height:0.95rem;border:0.025rem solid #cacaca;box-sizing:border-box;}
|
88
|
+
.mac_login .mac_login_form .login_form_group input.mac_u_name{background:url("../images/u_name.png") no-repeat 0.175rem 0.2rem;background-size:7% 60%;}
|
89
|
+
.mac_login .mac_login_form .login_form_group input.mac_u_pwd{background:url("../images/u_pwd.png") 0.19rem 0.2rem no-repeat;background-size:7% 60%;}
|
90
|
+
.mac_login .mac_login_form .login_form_group input.mac_u_verify{float:left;width:50%;background:url("../images/u_verify.png") 0.2rem 0.225rem no-repeat;background-size:13% 60%;}
|
91
|
+
.mac_login .mac_login_form .login_form_group img.mac_verify_img{float:left;margin-left:1%;width:2.2rem;height:0.95rem;border:0.025rem solid #cacaca;box-sizing:border-box;cursor:pointer;}
|
92
|
+
.mac_login .mac_login_form .login_form_link{margin-top:0.25rem;text-align:right;}
|
93
|
+
.mac_login .mac_login_form .login_form_link a{font-size:0.3rem;color:#333;margin-left:0.375rem;}
|
94
|
+
.mac_login .mac_login_form .login_form_link a:hover{color:#2fa5ff}
|
95
|
+
.mac_login .mac_login_form input.login_form_submit{background:#2fa5ff;color:#fff;font-size:0.35rem;line-height:normal;border:none;cursor:pointer;}
|
96
|
+
.mac_login .mac_login_form input.login_form_submit:hover{background:#1d94ef;}
|
97
|
+
.popup{box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important;padding:0 0.75rem;background:#fff;width:9.25rem;position:fixed;top:50%;left:50%;z-index:999999;transform:translateX(-50%) translateY(-50%);margin:0 auto;border-radius:0.45rem;}
|
98
|
+
.popup{background:#25252b}
|
99
|
+
.popup-icon{width:100%;text-align:center;height:5rem;margin:-1.5rem 0 0;}
|
100
|
+
.popup-icon img{height:5rem;}
|
101
|
+
.popup-header{line-height:1rem;text-align:center;}
|
102
|
+
.popup-title{position:relative;font-size:0.45rem;font-weight:900;display:inline-block;}
|
103
|
+
.popup-title::after{background:#32323c;}
|
104
|
+
.popup-title::after{content:'';position:absolute;width:100%;height:20%;background:#fde6dd36;border-radius:0.125rem;left:0;bottom:0.125rem;z-index:-1;}
|
105
|
+
.popup-main{padding-bottom:0.5rem;}
|
106
|
+
.popup-main p{padding:0.3rem 0 0;}
|
107
|
+
.popup-main p a{color:#ff2a14;}
|
108
|
+
.popup strong{color:#ff2a14;}
|
109
|
+
.popup-footer{padding:0.25rem 0 0.75rem;text-align:center;}
|
110
|
+
.popup-btn-o{color:#ff2a14;font-weight:700;width:100%;cursor:pointer;}
|
111
|
+
.btn-large,.load-all,.popup-btn,.popup-btn-o,.page-number{padding:0 0.375rem;line-height:1rem;font-size:0.35rem;display:inline-block;border-radius:0.25rem;}
|
112
|
+
.popup-btn-o::after{border-color:#ff2a14;border-radius:1.25rem;}
|
113
|
+
.border::after,.btn-block-o::after,.btn-aux-o::after,.grid-more-link::after,.popup-btn-o::after{border:0.025rem solid #d7dae1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;}
|
114
|
+
.close-popup{position:absolute;right:calc(50% - 0.5rem);/* border:0.025rem solid #fff;*/
|
115
|
+
border-radius:1.25rem;bottom:-1.25rem;width:1rem;line-height:1rem;height:1rem;text-align:center;cursor:pointer;background:url(../images/background.png) no-repeat;background-size:cover;}
|
116
|
+
.popup::after{content:'';height:2rem;width:100%;background:#eaedf1;position:absolute;top:0;left:0;z-index:-1;border-radius:0.45rem 0.45rem 0 0;}
|
117
|
+
.popup-btn-o{position:relative;}
|
118
|
+
.page-web{margin-top:1.5rem;}
|
119
|
+
.page-web .channel-row .MenuRow{min-height:7rem;background-size:100%;background-image:url(https://bspapp.gtimgs.com/oss/dfd0db36-8259-4d6e-a426-7c1167c7657d.svg);background-repeat:no-repeat;background-color:#1f1f25;}
|
120
|
+
.page-web .channel-row .MenuRow h2{font-size:0.65rem;font-weight:700;margin:0.625rem 0;position:relative;color:#00abff;}
|
121
|
+
.page-title{color:white;font-size:0.9rem;}
|
122
|
+
.page-web .channel-row .MenuRow h2::after{content:'';position:absolute;bottom:-0.25rem;width:1.5rem;left:0.025rem;height:0.15rem;background:#0070ff;background:linear-gradient( 90deg,#00afff,#006dff)!important;border-radius:1.25rem;}
|
123
|
+
.website_list ul{padding:0.025rem 0.625rem;}
|
124
|
+
.website_list ul li{font-size:0.4rem;list-style:circle;line-height:1.88;}
|
125
|
+
.website_list ul li em{font-style:normal;font-weight:600;}
|
126
|
+
.app-download{}
|
127
|
+
.app-download .download-btn{border-radius:1.25rem;font-weight:900;color:#fff;margin-right:0.25rem;padding:0.05rem 0.625rem;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);line-height:1rem;font-size:0.35rem;display:inline-flex;justify-content:center;/* 水平居中 */
|
128
|
+
align-items:center;}
|
129
|
+
.app-download .download-btn i{width:0.6rem;height:0.6rem;display:inline-block;}
|
130
|
+
.app-download .download-btn i.Android{background:url(../images/Android.svg) no-repeat;background-size:cover;}
|
131
|
+
.app-download .download-btn i.ios{background:url(../images/IOS.svg) no-repeat;background-size:cover;}
|
132
|
+
.website_list hr{height:0.05rem;background:#e3e6eb;border:none;margin:1rem 0;}
|
133
|
+
.none{display:none!important;}
|
134
|
+
.dx-btn{border-radius:1.25rem;padding:0 0.75rem;color:#fff;cursor:pointer;}
|
135
|
+
.play-btn{font-size:0.4rem;background:#006aff;background:linear-gradient(90deg,#00acff,#0069ff)!important;line-height:1rem;display:inline-flex;justify-content:center;/* 水平居中 */
|
136
|
+
align-items:center;}
|
137
|
+
html{font-size: 40px;}
|
138
|
+
@media screen and (min-width:42.025rem){html{font-size:1rem;}
|
139
|
+
}
|
140
|
+
/* 播放历史 */
|
141
|
+
.history-vod{padding:0.25rem;position:absolute;z-index:99;border-radius:0.1rem;margin:0;width:8.75rem;max-height:9rem;top:1.6rem;left:-4.95rem;display:none;color:#e4e4e4;box-shadow:0 0.075rem 0.3rem rgb(0 0 0 / 18%);background-color:#25252b;/* opacity:0;*/
|
142
|
+
/* -webkit-transform:translate3d(0,-100%,0);*/
|
143
|
+
/* transform:translate3d(0,-100%,0);*/
|
144
|
+
overflow-x: hidden;
|
145
|
+
overflow-y: scroll;
|
146
|
+
transition-duration:300ms;}
|
147
|
+
.history-vod::before{width:0;height:0;border-left:0.175rem solid transparent;border-right:0.175rem solid transparent;border-bottom:0.2rem solid rgba(7,7,10,.92);}
|
148
|
+
.history-vod::before{content:'';border-bottom-color:#fff;position:absolute;top:-0.2rem;z-index:20;right:2.875rem;}
|
149
|
+
.history-vod::before{border-bottom-color:hsl(240deg 7% 16%);}
|
150
|
+
.history-vod.alpha{display:block;/* transform:translateZ(0);*/
|
151
|
+
/* -webkit-transform:translateZ(0);*/
|
152
|
+
/* opacity:1;*/
|
153
|
+
}
|
154
|
+
.hi-head{display:flex;justify-content:center;/* 水平居中 */
|
155
|
+
align-items:center;height:1rem;color:#fbfbfb;padding-bottom:0.37rem;border-bottom:0.025rem solid #363640;margin-bottom:0.37rem;}
|
156
|
+
.hi-head span{font-size:0.4rem;position:absolute;left:0.45rem;}
|
157
|
+
.hi-head .hi-Clear{position:absolute;right:0.45rem;color:#8c8c8c!important;}
|
158
|
+
.video-header .header-inner .nav-item.current:after{content:'';height:0.05rem;background-color:#fbdd88;border-radius:0.2rem;position:absolute;bottom:20%;left:30%;right:30%;}
|
159
|
+
.video-header .header-inner .nav-item .history-vod ul{display:inline-block;width:100%;/* overflow:auto;*/
|
160
|
+
max-height:7.5rem;overflow-x:hidden;overflow-y:scroll;}
|
161
|
+
.video-header .header-inner .nav-item .history-vod ul::-webkit-scrollbar{width:0;}
|
162
|
+
.hi-head:after{content:"";display:block;height:0;clear:both;visibility:hidden;zoom:1}
|
163
|
+
.video-header .header-inner .nav-item .history-vod ul li{width:100%;height:2.1rem;display:flex;align-items:center;margin-bottom:0.2rem;}
|
164
|
+
.video-header .header-inner .nav-item .history-vod ul a{display:flex;justify-content:center;/* 水平居中 */
|
165
|
+
align-items:center;height:2.1rem;width:100%;color:#545454;}
|
166
|
+
.video-header .header-inner .nav-item .history-vod ul a:hover{color:#FF5722;}
|
167
|
+
.hs-pic{width:40%;height:2.1rem;overflow:hidden;border-radius:0.125rem;}
|
168
|
+
.hs-pic img{width:100%;height:auto;}
|
169
|
+
.hs-info{width:60%;padding-left:0.5em;height:2.1rem;line-height:initial;justify-content:center;align-items:start;display:flex;flex-direction:column;}
|
170
|
+
.nav-item .hs-info p{margin:0.18rem 0;padding:0;display:block;width:100%;}
|
171
|
+
.hs-info p:nth-child(1){font-size:0.4rem;}
|
172
|
+
.history-vod ul li{width:100%;height:2.1rem;display:flex;align-items:center;margin-bottom:0.2rem;}
|
173
|
+
.header .header-inner .nav-item .history-vod ul a{display:flex;justify-content:center;align-items:center;height:2.1rem;width:100%;color:#e0e0e0;}
|
174
|
+
.header .header-inner .nav-item .history-vod ul a:hover{color:#0099FF;}
|
175
|
+
.container{width:80%;margin-right:auto;margin-left:auto;}
|
176
|
+
.main-content{}
|
177
|
+
/* 头部导航 */
|
178
|
+
.header{position:fixed;z-index:1900;top:0;left:0;width:100%;height:1.5rem;/* transition:background-color 0.5s linear 0s;*/
|
179
|
+
transition:.5s ease-out 0s;;background:#000000;}
|
180
|
+
.page-index .header{background:#1a1a1a00;background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);}
|
181
|
+
.TopRoll .header{-webkit-backdrop-filter:blur(0.25rem);backdrop-filter:blur(0.25rem);}
|
182
|
+
.header .header-inner{width:80%;margin:0 auto;display:block;pointer-events:initial;}
|
183
|
+
.header .dx-logo{float:left;/* padding:0.1rem 0 0.1rem 0rem;*/
|
184
|
+
height:100%;display:flex;/* 水平居中 */
|
185
|
+
}
|
186
|
+
.header .logo-link{
|
187
|
+
width:2.8rem;
|
188
|
+
display:flex;/* 水平居中 */
|
189
|
+
align-items:center;
|
190
|
+
justify-content:center;/* 水平居中 */
|
191
|
+
height: 1rem;
|
192
|
+
}
|
193
|
+
.header .logo-link img{width:100%;height:74%;}
|
194
|
+
.header .dx-user{float:right;display:block;}
|
195
|
+
.header .dx-search{float:right;display:block;}
|
196
|
+
.header-inner .search-area{margin-top: 0.2rem;position:relative;}
|
197
|
+
.header-inner .search-area .input-area{width:10.5rem;height:1.01rem;position:relative;background-color:hsla(0,0%,100%,.3);border-radius:1rem;padding-left:0.5rem;padding-right:0.9rem;}
|
198
|
+
.header-inner .search-area .input-area form{display:flex;}
|
199
|
+
.header-inner .search-area .input-area .searchinput{display:inline-block;width:100%;height: 1rem;line-height: 1rem;font-size:0.3rem;color:hsla(0,0%,100%,.8);background:none;border:0 none;outline:0 none;}
|
200
|
+
.searchinput::-webkit-input-placeholder{color:hsla(0,0%,100%,.8);font-size:0.35rem;}
|
201
|
+
.header-inner .search-box-out{position:absolute;right:0;top:0;cursor:pointer;width:2.25rem;height:1rem;line-height:1rem;box-sizing:border-box;text-align:center;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);border-radius:0.5rem;border-radius:0 0.5rem 0.5rem 0;display:flex;justify-content:center;/* 水平居中 */
|
202
|
+
align-items:center;}
|
203
|
+
.search-right-entry{position:absolute;right:2.2rem;cursor:pointer;width:2.25rem;height:1rem;font-size:0.37rem;display:flex;justify-content:center;/* 水平居中 */
|
204
|
+
align-items:center;color:#0177ff!important;}
|
205
|
+
.search-right-entry i.top{margin-right:0.1rem;background:url(https://bspapp.gtimgs.com/oss/c40e78e1-28a9-403f-9bb6-6a61bb759f3c.svg);width:0.4rem;height:0.4rem;background-size:cover;}
|
206
|
+
.search-icon{display:flex;justify-content:center;align-items:center;width:0.4rem;height:0.4rem;background:url(https://bspapp.gtimgs.com/oss/b7633fb4-4845-45b1-b516-b76bc0b31692.svg);background-size:cover}
|
207
|
+
.search-enter{border:none;background:none;cursor:pointer;color:white;}
|
208
|
+
.search-list{position:absolute;z-index:100;width:-webkit-calc(100% - 1.55rem);width:calc(100% - 1.55rem);background:#2a2a32;box-shadow:0 0 0.6rem 0 rgb(0 0 0 / 22%),0 0.6rem 0.6rem 0 rgb(0 0 0 / 30%);border-radius:0.1rem;left:0.5rem;}
|
209
|
+
.search-list .hot-search-list{margin:0.4rem 0;}
|
210
|
+
.search-list .title{color:hsla(0,0%,100%,.6);font-size:0.35rem;font-weight:400;margin:0;padding:0.2rem 0.4rem;}
|
211
|
+
.search-list .hot-item{height:0.9rem;line-height:0.9rem;font-size:0.35rem;color:hsla(0,0%,100%,.87);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-right:1rem;}
|
212
|
+
.search-list .hot-item .order{position:absolute;left:0.4rem;text-align:left;width:0.3rem;}
|
213
|
+
.search-list .hot-item .order.one-1{color:#fc4274;}
|
214
|
+
.search-list .hot-item .order.one-2{color:#ff8155;}
|
215
|
+
.search-list .hot-item .order.one-3{color:#fcb80a;}
|
216
|
+
.search-list .hot-item .hot-word{margin-left:1.05rem;}
|
217
|
+
.hot-search-list .hot-item:hover{background:rgba(32,32,32,.5);color:#0d9bff;}
|
218
|
+
.hidden{display:none;}
|
219
|
+
.nav-item p{padding:0;margin:0;line-height:initial;font-size:0.3rem;margin-top:0.08rem;}
|
220
|
+
.header .header-inner .nav-item a.u-link{display:flex;flex-direction:column;justify-content:center;/* 水平居中 */
|
221
|
+
align-items:center;}
|
222
|
+
.header .header-inner .nav-item .dx-icon{display:flex;width:0.6rem;height:0.6rem;}
|
223
|
+
.header .header-inner .nav-item .dx-icon.app-icon{background:url(../images/app-down.svg) no-repeat;}
|
224
|
+
.header .header-inner .nav-item .dx-icon.alink{background:url(../images/alink.svg) no-repeat;}
|
225
|
+
.header .header-inner .nav-item .dx-icon.icon-history{background:url(https://bspapp.gtimgs.com/oss/b4e5962d-0b64-4667-89aa-bdbfc967f9d5.svg) no-repeat;}
|
226
|
+
.header .header-inner .nav-item a:hover .dx-icon.app-icon{background:url(../images/app-down-hove.svg) no-repeat;}
|
227
|
+
.header .header-inner .nav-item a:hover .dx-icon.alink{background:url(../images/alink-hove.svg) no-repeat;}
|
228
|
+
.header .header-inner .nav-item a:hover .dx-icon.icon-history{background:url(https://bspapp.gtimgs.com/oss/a85345e2-b625-4917-8c47-d85503226015.svg) no-repeat;}
|
229
|
+
.header .header-inner .nav-item .user-link{position:relative;}
|
230
|
+
.header .header-inner .nav-item .login-state{background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);display:block;font-size:0.2rem;position:absolute;line-height:initial;padding:0.05rem 0.125rem;font-style:normal;min-width: 1.2rem;text-align:center;border-top-left-radius:0.225rem;border-bottom-right-radius:0.225rem;right:-0.975rem;top:0.175rem;}
|
231
|
+
.header .header-inner .nav-item .user_portrait{width:1rem;height:1rem;border-radius: 1rem;}
|
232
|
+
.header .vi-nav{float:left;width:100%;}
|
233
|
+
.header .dx-nav-wrap{float:left;margin:0;}
|
234
|
+
.header .header-inner .nav-item{float:left;display:block;width:auto;padding:0 0.3rem;position:relative;}
|
235
|
+
.header .header-inner .nav-item a{display:block;height: 1.2rem;line-height: 1.2rem;font-size:0.35rem;vertical-align:-webkit-baseline-middle;}
|
236
|
+
.header .header-inner .nav-item.current a,.header .header-inner .nav-item a:hover{color:#0099FF;}
|
237
|
+
.header .header-inner .nav-item.current:after{content:'';height:0.08rem;background-color:#0099FF;border-radius:0.2rem;position:absolute;bottom:14%;left:33%;right:33%;}
|
238
|
+
.header .header-inner .nav-item .user-link:hover{color:aliceblue;}
|
239
|
+
/* 首页轮播 */
|
240
|
+
.index-banner{position:relative;height:15rem;overflow:hidden;}
|
241
|
+
.banner-thumbs{position:absolute;z-index:10;left:0;right:0;height:2.5rem;display:flex;justify-content:center;/* 水平居中 */
|
242
|
+
align-items:center;bottom:0.575rem;}
|
243
|
+
.thumbs-wrapper{padding:0.25rem 0.15rem;background-color:#0000005e;width:60%;position:relative;border-radius:1.25rem;}
|
244
|
+
.gallery-thumbs{width:94%;}
|
245
|
+
.swiper-slide.thumbs-img{background-size:cover;background-position:center;border-radius:0.15rem;height:1.85rem;width:3.7rem;}
|
246
|
+
.gallery-thumbs .swiper-slide{opacity:0.8;border:0.05rem solid #c4c7ce00;}
|
247
|
+
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:0.05rem solid #c4c7ce;}
|
248
|
+
.thumbs-button-next,.thumbs-button-prev{position:absolute;top:50%;width:0.675rem;height:1.1rem;margin-top:-0.55rem;z-index:10;cursor:pointer;background-size:0.675rem 1.1rem;background-position:center;background-repeat:no-repeat;}
|
249
|
+
.thumbs-button-next{right:0.25rem;left:auto;background-image:url(https://bspapp.gtimgs.com/oss/ab70067a-ed3f-4d8c-8776-cd1a7b67097d.svg);}
|
250
|
+
.thumbs-button-prev{left:0.25rem;right:auto;background-image:url(https://bspapp.gtimgs.com/oss/6d15d999-42a6-48f8-85dc-d6dd2547d33c.svg);}
|
251
|
+
.slide-link{}
|
252
|
+
.slide-link img{width:100%;height:100%;}
|
253
|
+
/* 板块 */
|
254
|
+
.box-left{width:84%;float:left;}
|
255
|
+
.box-right{width:16%;float:left;}
|
256
|
+
.box-head{display:flex;justify-content:space-between;/* 水平居中 */
|
257
|
+
align-items:center;}
|
258
|
+
.box-head .row-title{display:flex;-webkit-align-items:center;height:1.4rem;margin-bottom:0.2rem;flex-direction:row;}
|
259
|
+
.box-head .row-icon{width:0.7rem;height:0.7rem;display:flex;justify-content:center;/* 水平居中 */
|
260
|
+
align-items:center;margin-right:0.2rem;}
|
261
|
+
.box-head .row-icon.movie{background:url(https://bspapp.gtimgs.com/oss/49f08903-6594-475c-aab6-4c15b41ebc3a.svg) no-repeat;}
|
262
|
+
.box-head .row-icon.tops{background:url(https://bspapp.gtimgs.com/oss/c40e78e1-28a9-403f-9bb6-6a61bb759f3c.svg) no-repeat;background-size: cover;}
|
263
|
+
.box-head .row-icon.tv{background:url(https://bspapp.gtimgs.com/oss/8bd1a260-f002-42d3-a288-9ec0270490ea.svg) no-repeat;}
|
264
|
+
.box-head .row-icon.zy{background:url(https://bspapp.gtimgs.com/oss/88a1fdfb-b313-4021-8c2e-97db3dddd4af.svg) no-repeat;}
|
265
|
+
.box-head .row-icon.dm{background:url(https://bspapp.gtimgs.com/oss/1600dbb0-15a5-483d-bdbc-84971697ad90.svg) no-repeat;}
|
266
|
+
.box-head .row-icon.default{background:url(../images/default.svg) no-repeat;background-size:cover;}
|
267
|
+
.box-head .row-icon.topic{background:url(../images/topic.svg) no-repeat;}
|
268
|
+
.box-head .row-icon.new{background:url(https://bspapp.gtimgs.com/oss/5fd8e893-8b05-452f-b914-26965c19fd31.svg) no-repeat;background-size: cover;}
|
269
|
+
.box-head .row-h2{font-size:0.55rem;background-size:1rem 0.5rem;color:white;font-weight:500;}
|
270
|
+
.box-head .more{font-size:0.3rem;margin-left:0.2rem;color:#7b7b7b;margin-top:0.2rem;}
|
271
|
+
.box-head .more .newNum{color:#00a6ff;}
|
272
|
+
.box-head .row-tab{display:flex;-webkit-align-items:center;height:1.4rem;margin-bottom:0.2rem;flex-direction:row;}
|
273
|
+
.row-tab .tab-li{display:flex;justify-content:center;/* 水平居中 */
|
274
|
+
align-items:center;}
|
275
|
+
.row-tab .tab-li a{font-size:0.4rem;padding:0.1rem 0.325rem;box-sizing:border-box;background:#252525;border-radius:0.75rem;color:#ffffff;font-size:0.3rem;line-height:0.45rem;margin-right:0.325rem;cursor:pointer;}
|
276
|
+
.row-tab .tab-li.active a,.row-tab .tab-li:hover a{background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);}
|
277
|
+
/* 封面 */
|
278
|
+
.dx-list{margin:0;padding:0;}
|
279
|
+
.dx-vod{width:calc(14% - 0.131rem)!important;float:left;cursor:pointer;margin-right:0.28rem;margin-bottom:0.8rem;position:relative;}
|
280
|
+
.dx-top .dx-vod:last-child{display:none;}
|
281
|
+
.dx-left .dx-vod{width:calc(16% - 0.09rem)!important;}
|
282
|
+
.dx-vod .vod_remarks{position:absolute;z-index:10;top:0.1rem;left:0.1rem;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);color:white;font-size:0.3rem;padding:0.1rem 0.18rem;border-radius:0.1rem;}
|
283
|
+
.dx-vod .dx-mod-link{}
|
284
|
+
.dx-vod .cover-area{border-radius:0.125rem;position:relative;display:block;overflow:hidden;padding-top:145%;background-position:50% 50%;background-size:cover;}
|
285
|
+
.dx-top .dx-vod:nth-child(7n){margin-right:0;}
|
286
|
+
.dx-left .dx-vod:nth-child(6n){margin-right:0;}
|
287
|
+
.dx-title-wrap{margin:0.2rem 0;}
|
288
|
+
.dx-title-wrap .title{color:white;font-weight:500;margin:0;}
|
289
|
+
.dx-title-wrap .info{color:#9e9e9e;}
|
290
|
+
/* 横幅广告位 */
|
291
|
+
.dx-ad{flex-wrap:wrap;justify-content:space-between;display:flex;}
|
292
|
+
.dx-ad .ad-link{position:relative;display:inline-block;/* width:49.5%;*/
|
293
|
+
min-width:49.5%;}
|
294
|
+
.dx-ad .ad-link .ad-tip{font-size:0.3rem;position:absolute;z-index:11;top:0;right:0;background-color:rgb(0 0 0 / 60%);padding:0.075rem 0.15rem;}
|
295
|
+
.dx-ad .ad-link img{width:100%;}
|
296
|
+
/* 右侧列表 */
|
297
|
+
.rank-ul{margin:0;padding-left:0;}
|
298
|
+
.rank-ul .rank-item{background-color:#1E1E23;height:1.625rem;width:100%;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;position:relative;margin:0.175rem 0;padding:0rem 0.2rem;border-radius:0.2rem;box-shadow:0rem 0.025rem 0rem 0rem hsl(0deg 0% 56% / 22%);}
|
299
|
+
.rank-ul .rank-item:hover{background-color:#20202742;color:#00a4ff;}
|
300
|
+
.rank-ul .rank-num{width:0.875rem;font-family:Impact;font-size:0.75rem;color:#c6c6c6;position:relative;text-align:center;margin-right:0.2rem;z-index:1;cursor:pointer;}
|
301
|
+
.rank-ul .rank-num.rank-top-1{color:#FF473A;}
|
302
|
+
.rank-ul .rank-num.rank-top-2{color:#FF8154;}
|
303
|
+
.rank-ul .rank-num.rank-top-3{color:#FCB80B;}
|
304
|
+
.rank-ul .rank-info{height:0.75rem;cursor:pointer;display:block;width:80%;}
|
305
|
+
.rank-ul .rank-name{padding:0;margin:0;display:block;width:100%;font-size:0.36rem;font-weight:600;max-width:5.525rem;color:white;}
|
306
|
+
.rank-ul .rank-detail{margin-top:0.1rem;height:0.45rem;display:flex;align-items:center;}
|
307
|
+
.rank-ul .hot-remarks{color:#999;font-size:0.325rem;}
|
308
|
+
/* 专题列表 */
|
309
|
+
.row-list{}
|
310
|
+
.topiclist{}
|
311
|
+
.topic-item{float:left;cursor:pointer;margin-right:0.28rem;margin-bottom:0.8rem;width:calc(25% - 0.21rem)!important;}
|
312
|
+
.topic-item .cover-area{border-radius:0.125rem;position:relative;display:block;overflow:hidden;padding-top:45%;background-position:50% 50%;background-size:cover;}
|
313
|
+
.topic-item .topic-info{background-color:#25252B;/* 水平居中 */
|
314
|
+
text-align:center;padding:0.25rem;}
|
315
|
+
.topic-item .topic-info .title{}
|
316
|
+
.topic-item:nth-child(4n){margin-right:0;}
|
317
|
+
.hr-solid-content,.hr-dashed-content,.hr-fade-content,.hr-mid-border-content{color:#a2a9b6;border:0;font-size:0.3rem;padding:1em 0;position:relative;overflow:hidden;}
|
318
|
+
.hr-fade-content{-webkit-mask-image:linear-gradient(to right,transparent,black,transparent);mask-image:linear-gradient(to right,transparent,black,transparent);}
|
319
|
+
.hr-solid-content::before,.hr-dashed-content::before,.hr-fade-content::before,.hr-mid-border-content::before{content:attr(data-content);position:absolute;padding:0 1ch;line-height:0.025rem;border:solid #d0d0d5;border-width:0 99vw;width:fit-content;white-space:nowrap;left:50%;transform:translateX(-50%);}
|
320
|
+
.row-hits{display:flex;justify-content:center;/* 水平居中 */
|
321
|
+
align-items:center;}
|
322
|
+
.page-top .row-hits{flex-wrap:wrap;}
|
323
|
+
.detail-hits .row-hits{flex-direction:column;}
|
324
|
+
.row-hits .hits-item{background-color:#25252B;padding:0.2rem;margin-right:0.28rem;width:calc(26% - 0.21rem)!important;}
|
325
|
+
.page-top .hits-item{margin-bottom:0.3rem;}
|
326
|
+
.page-top .row-hits .hits-item:nth-child(4n){margin-right:0.28rem;}
|
327
|
+
.page-top .row-hits .hits-item:nth-child(3n){margin-right:0;}
|
328
|
+
.detail-hits .hits-item{width:100%!important;margin-bottom:1rem;}
|
329
|
+
.row-hits .hits-item:nth-child(4n){margin-right:0;}
|
330
|
+
.row-hits .hits-tit{display:flex;justify-content:flex-start;/* 水平居中 */
|
331
|
+
align-items:center;background-color:#2A2A32;margin-left:-0.2rem;margin-top:-0.2rem;margin-right:-0.2rem;padding:0.2rem;}
|
332
|
+
.row-hits .hits{}
|
333
|
+
.row-hits .hits .hits-li{}
|
334
|
+
.row-hits .hits .hits-link{display:flex;justify-content:flex-start;align-items:center;padding:0.3rem 0.2rem;margin:0 -0.2rem;}
|
335
|
+
.row-hits .hits .hits-link:hover{background:rgb(26 26 26);color:#0d9bff;}
|
336
|
+
.row-hits .hits .hits-num{width:0.55rem;font-size:0.37rem;color:#c6c6c6;position:relative;text-align:center;margin-right:0.1rem;z-index:1;cursor:pointer;display:block;}
|
337
|
+
.row-hits .hits .hits-num.num-1{color:#FF473A;}
|
338
|
+
.row-hits .hits .hits-num.num-2{color:#FF8154;}
|
339
|
+
.row-hits .hits .hits-num.num-3{color:#FCB80B;}
|
340
|
+
.row-hits .hits .hits-name{cursor:pointer;display:block;width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
341
|
+
.row-hits .hits .hits-score{color:#00acff;}
|
342
|
+
.hits-tit .row-h2{margin:0;font-size:0.408rem;font-weight:500;color:white;}
|
343
|
+
.hits-tit .row-icon{width:0.6rem;height:0.7rem;display:flex;justify-content:center;align-items:center;margin-right:0.2rem;}
|
344
|
+
|
345
|
+
.hits-tit .row-icon.movie{background:url(https://bspapp.gtimgs.com/oss/49f08903-6594-475c-aab6-4c15b41ebc3a.svg) no-repeat;}
|
346
|
+
.hits-tit .row-icon.tv{background:url(https://bspapp.gtimgs.com/oss/8bd1a260-f002-42d3-a288-9ec0270490ea.svg) no-repeat;}
|
347
|
+
.hits-tit .row-icon.zy{background:url(https://bspapp.gtimgs.com/oss/88a1fdfb-b313-4021-8c2e-97db3dddd4af.svg) no-repeat;}
|
348
|
+
.hits-tit .row-icon.dm{background:url(https://bspapp.gtimgs.com/oss/1600dbb0-15a5-483d-bdbc-84971697ad90.svg) no-repeat;}
|
349
|
+
.hits-tit .row-icon.default{background:url(https://bspapp.gtimgs.com/oss/49f08903-6594-475c-aab6-4c15b41ebc3a.svg) no-repeat;}
|
350
|
+
|
351
|
+
/* 影片详情 */
|
352
|
+
.dx-view{position:relative;margin-top:1.5rem;z-index:999;margin-bottom:1rem;}
|
353
|
+
.dx-view::after,.dx-view::before{height:100%;position:absolute;border-radius:0.45rem;}
|
354
|
+
.dx-view::before{content:'';bottom:-0.125rem;left:0.45rem;width:calc(100% - 0.925rem);z-index:-1;background:#fff;}
|
355
|
+
.dx-view::before{background:rgba(37,37,43,.1);}
|
356
|
+
.dx-view::after,.dx-view::before{background:#3b3b4491;}
|
357
|
+
.dx-background{background-color:#2A2A32;border-bottom-right-radius:200%;border-bottom-left-radius:200%;/* 水平居中 */
|
358
|
+
width:200%;position:absolute;z-index:-1;bottom:0;left:-50%;right:-50%;top:0;/* margin-left:-8rem;*/
|
359
|
+
/* margin-right:-15rem;*/
|
360
|
+
}
|
361
|
+
.dx-view::after{content:'';bottom:-0.4rem;left:0.95rem;width:calc(100% - 1.85rem);z-index:-2;}
|
362
|
+
.detail{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;}
|
363
|
+
.detail-objs{display:flex;justify-content:space-between;align-items:flex-start;/* margin-left:3rem; */max-width: 31rem;}
|
364
|
+
.detail-objs .obj-pic{width:6rem;}
|
365
|
+
.detail-objs .obj-pic a{height:100%;display:block;width:100%;position:relative;}
|
366
|
+
.detail-objs .obj-pic a::before{content:'';background:#0000;position:absolute;top:0;bottom:0;left:0;right:0;}
|
367
|
+
.detail-objs .obj-pic a::after{content:'';background:url(https://bspapp.gtimgs.com/oss/28225623-cdb8-4d7b-afe7-a25b9cdf4c79.svg) no-repeat;width:1rem;height:1rem;background-size:cover;z-index:99999;position:absolute;top:3.5rem;left:2.5rem;opacity:0;transform:scale(.6);transition:all .3s ease-in;}
|
368
|
+
.detail-objs .obj-pic a:hover::before{background:rgba(0,0,0,.28);}
|
369
|
+
.detail-objs .obj-pic a:hover::after{opacity:1;transform:scale(.9);}
|
370
|
+
.detail-objs .obj-pic img{width:100%;border:0.025rem solid rgb(136 136 136);}
|
371
|
+
.detail-objs .obj-info{margin-left:.6rem;}
|
372
|
+
.info-share{display:flex;justify-content:center;/* 水平居中 */
|
373
|
+
align-items:center;flex-direction:column;background-color:#1d1d21;}
|
374
|
+
.obj-info{}
|
375
|
+
.obj-info h1{margin:0;color:white;font-weight:500;}
|
376
|
+
.obj-info h1 .score{margin-left:0.5rem;font-size:0.4rem;color:#ff9800;}
|
377
|
+
.obj-info h1 .score b{font-size:0.7rem;}
|
378
|
+
.obj-info h2{margin:0;font-size:.33rem;}
|
379
|
+
.video-info{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;margin:0.3rem 0;}
|
380
|
+
.video-info .tag-link{padding:0 0.25rem;line-height:0.7rem;font-size:0.35rem;border-radius:0.25rem;display:inline-block;margin-left:0.125rem;overflow:hidden;}
|
381
|
+
.video-info .tag-link{background:#1b1b1f;color:hsla(0,0%,100%,.6);}
|
382
|
+
.video-info .tag-link:first-child{background:#fef0e5;margin-left:0;}
|
383
|
+
.video-info .video-tag-icon{color:#212121;display:flex;justify-content:center;align-items:center;flex-direction:row;}
|
384
|
+
.video-info .video-tag-icon i{display:flex;justify-content:center;/* 水平居中 */
|
385
|
+
align-items:center;flex-direction:row;width:0.45rem;height:0.45rem;}
|
386
|
+
.video-info .video-tag-icon i.ds{background:url(https://bspapp.gtimgs.com/oss/80254c08-1b12-4f32-bec9-b56251fb7b6e.svg) no-repeat;}
|
387
|
+
.video-info .video-tag-icon i.dy{background:url(https://bspapp.gtimgs.com/oss/80c9635a-2d99-483a-b46a-eec29d831dbc.svg) no-repeat;}
|
388
|
+
.video-info .video-tag-icon i.zy{background:url(https://bspapp.gtimgs.com/oss/9bd56993-3d11-4a5c-a682-a95e527da09e.svg) no-repeat;}
|
389
|
+
.video-info .video-tag-icon i.dm{background:url(https://bspapp.gtimgs.com/oss/9fa42c0c-617c-44a2-9bb9-aec8994af673.svg) no-repeat;}
|
390
|
+
.slash{padding:0 0.175rem;color:#d7dae1;}
|
391
|
+
.slash:first-child{display:none;}
|
392
|
+
.slash:last-child{display:none;}
|
393
|
+
.info-items{display:flex;padding-bottom:0.125rem;line-height:1.7;}
|
394
|
+
.info-items label{min-width: 1.2rem;}
|
395
|
+
.info-items .video-info-actor{
|
396
|
+
max-width: 22rem;
|
397
|
+
overflow: hidden;
|
398
|
+
text-overflow: ellipsis;
|
399
|
+
white-space: nowrap;
|
400
|
+
}
|
401
|
+
.info-footer{margin:0.15rem 0;}
|
402
|
+
.icon-play{line-height:0.5rem;background:url(https://bspapp.gtimgs.com/oss/139daa0c-24fd-4be3-b9c6-8e51f96f6b96.svg) no-repeat;height:0.5rem;width:0.5rem;background-size:cover;display:inline-block;margin-right:0.1rem;}
|
403
|
+
.icon-play img{height:100%;line-height:1rem;}
|
404
|
+
.info-footer strong{}
|
405
|
+
.head-score{height:0.9rem;display:flex;justify-content:center;/* 水平居中 */
|
406
|
+
align-items:center;background-color:#484853;padding:0 0.4rem;}
|
407
|
+
#rating{justify-content:left;align-items:center;display:flex;}
|
408
|
+
.rating{display:flex;}
|
409
|
+
.rating li{padding:0rem 0.2rem;}
|
410
|
+
.rating li.active{background:url('https://bspapp.gtimgs.com/oss/86e16498-0990-4f5f-9c78-919d6e901b3e.png') 0 -0.45rem no-repeat;background-size:80%;}
|
411
|
+
#rating .label{font-size:0.375rem;}
|
412
|
+
#rating .rating li{cursor:pointer;float:left;overflow:hidden;width:0.6rem;height:0.45rem;text-indent:-2.475rem;background:url('https://bspapp.gtimgs.com/oss/86e16498-0990-4f5f-9c78-919d6e901b3e.png') 0 0 no-repeat;background-size:80%;}
|
413
|
+
#rating .rating li.active,#rating .rating li.hover{background:url('https://bspapp.gtimgs.com/oss/86e16498-0990-4f5f-9c78-919d6e901b3e.png') 0 -0.45rem no-repeat;background-size:80%;}
|
414
|
+
#rating .vod_score{color:#e29a0a;}
|
415
|
+
.dx-code{padding:0.9rem;width:6rem;display:flex;justify-content:center;/* 水平居中 */
|
416
|
+
align-items:center;flex-direction:column;}
|
417
|
+
.dx-code img{width:100%;height:100%;display:block;}
|
418
|
+
.dx-code p{padding:0;margin:0.5rem 0rem 0rem 0;}
|
419
|
+
.vod_content{line-height:.7rem;}
|
420
|
+
/* 详情页播放地址 */
|
421
|
+
.playlist{}
|
422
|
+
.playlist .list-box{}
|
423
|
+
.playlist .list-box .play-title{display:flex;justify-content:space-between;/* 水平居中 */
|
424
|
+
align-items:center;}
|
425
|
+
.playlist .player_info{display:flex;justify-content:space-between;/* 水平居中 */
|
426
|
+
align-items:center;}
|
427
|
+
.playlist .list-box .play-title h2{font-size:0.55rem;font-weight:500;color:white;}
|
428
|
+
.playlist .list-box .play-title span{margin-left:0.3rem;}
|
429
|
+
.playlist .list-box .play_li{font-size:0;}
|
430
|
+
.playlist .list-box .play_li a{background:#6E6E6E;color:rgb(255 255 255 / 68%);margin:0.125rem;text-align:center;position:relative;line-height:0.875rem;font-size:0.35rem;display:inline-block;border-radius:0.15rem;min-width: calc(10% - 0.25rem);padding: 0rem 0.25rem;}
|
431
|
+
.playlist .list-box .play_li a:hover{background:#006aff;background:linear-gradient( 90deg,#00acff,#0069ff)!important;}
|
432
|
+
.detail-list{}
|
433
|
+
.detail-list .dx-vod{width:calc(15% - -0.24rem)!important;}
|
434
|
+
.detail-list .dx-vod:nth-child(6n){margin-right:0;}
|
435
|
+
.play-title .order{justify-content:center;align-items:center;flex-direction:row;display:flex;/* background-color:#00000063;*/
|
436
|
+
padding:0.1rem 0.25rem;border-radius:0.175rem;color:rgb(156 156 156);}
|
437
|
+
.order .asc{background:url(https://bspapp.gtimgs.com/oss/40117c3a-1925-4250-90bf-f3ef878ee97d.svg) no-repeat;width:0.35rem;height:0.35rem;background-size:cover;display:inline-block;margin-right:0.18rem;margin-top:0.09rem;}
|
438
|
+
.order .desc{background:url(https://bspapp.gtimgs.com/oss/9697873a-4c40-401e-addd-3736815acf10.svg) no-repeat;background-size:cover;display:inline-block;margin-right:0.18rem;width:0.35rem;height:0.35rem;margin-top:0.09rem;}
|
439
|
+
.detail-hits{padding-left:1rem;}
|
440
|
+
/* 播放页 */
|
441
|
+
.dx-play-row{background-color:#252525;padding-top:1.9rem;}
|
442
|
+
.dx-play-row .dx-player{height:15rem;}
|
443
|
+
.dx-play-row .dx-play-btn{background-color:#1a1a1f;display:flex;justify-content:space-around;/* 水平居中 */
|
444
|
+
align-items:center;/* 垂直居中 */
|
445
|
+
margin-bottom:0.9rem;}
|
446
|
+
.dx-play-row .dx-play-btn a{position:relative;width:100%;height:100%;text-align:center;padding:0.35rem 0;display:flex;justify-content:center;/* 水平居中 */
|
447
|
+
align-items:center;color:#bfbfbf;}
|
448
|
+
.dx-play-row .dx-play-btn a::before{content:"";width:0.025rem;height:0.45rem;background-color:#4c4c4c;display:block;position:absolute;right:0;}
|
449
|
+
.dx-play-row .dx-play-btn a:last-child:before{display:none;}
|
450
|
+
.dx-play-row .dx-play-btn .digg_num{font-style:normal;}
|
451
|
+
.dx-play-row .dx-play-btn i{width:0.5rem;height:0.5rem;display:inline-block;margin-right:0.15rem;}
|
452
|
+
.dx-play-row .dx-play-btn i.favs{background:url(../images/favs.svg);background-size:cover;}
|
453
|
+
.dx-play-row .dx-play-btn a:hover i.favs{background:url(../images/favs-n.svg);background-size:cover;}
|
454
|
+
.dx-play-row .dx-play-btn i.refresh{background:url(https://bspapp.gtimgs.com/oss/dd4c56f1-700e-49b8-a40f-530ed2e06934.svg);background-size:cover;}
|
455
|
+
.dx-play-row .dx-play-btn a:hover i.refresh{background:url(https://bspapp.gtimgs.com/oss/917711d3-9f92-4b63-804c-a17050b72502.svg);background-size:cover;}
|
456
|
+
.dx-play-row .dx-play-btn i.up{background:url(https://bspapp.gtimgs.com/oss/6bf3a690-882e-47b2-a3bf-07600e1067d9.svg);background-size:cover;}
|
457
|
+
.dx-play-row .dx-play-btn a:hover i.up{background:url(https://bspapp.gtimgs.com/oss/be75e4b2-9d84-41a1-b2ad-941100c6eb9f.svg);background-size:cover;}
|
458
|
+
.dx-play-row .dx-play-btn i.down{background:url(https://bspapp.gtimgs.com/oss/6bf3a690-882e-47b2-a3bf-07600e1067d9.svg);background-size:cover;transform:rotateX(180deg);}
|
459
|
+
.dx-play-row .dx-play-btn a:hover i.down{background:url(https://bspapp.gtimgs.com/oss/be75e4b2-9d84-41a1-b2ad-941100c6eb9f.svg);background-size:cover;}
|
460
|
+
.dx-play-row .dx-play-btn i.share{background:url(https://bspapp.gtimgs.com/oss/754fca20-6995-4b15-bf56-2202c2107f41.svg);background-size:cover;}
|
461
|
+
.dx-play-row .dx-play-btn a:hover i.share{background:url(https://bspapp.gtimgs.com/oss/ce7d2a57-04d3-4320-95de-a1acb29c2299.svg);background-size:cover;}
|
462
|
+
.dx-play-row .dx-play-btn i.qr-code{background:url(https://bspapp.gtimgs.com/oss/dd3a7016-cf8c-493c-ba87-c7da470f9307.svg);background-size:cover;}
|
463
|
+
.dx-play-row .dx-play-btn a:hover i.qr-code{background:url(https://bspapp.gtimgs.com/oss/a6f63612-b3d1-4aba-bf5f-0cd3055a7251.svg);background-size:cover;}
|
464
|
+
.dx-play-row .dx-play-btn i.pre{background:url(https://bspapp.gtimgs.com/oss/e1d3a1a8-c200-47de-bba9-b92aa112010b.svg);background-size:cover;}
|
465
|
+
.dx-play-row .dx-play-btn a:hover i.pre{background:url(https://bspapp.gtimgs.com/oss/db0b6693-9a13-4a89-9c67-82a5c2208ed9.svg);background-size:cover;}
|
466
|
+
.dx-play-row .dx-play-btn i.next{background:url(https://bspapp.gtimgs.com/oss/e1d3a1a8-c200-47de-bba9-b92aa112010b.svg);background-size:cover;transform:rotateX(180deg);}
|
467
|
+
.dx-play-row .dx-play-btn a:hover i.next{background:url(https://bspapp.gtimgs.com/oss/db0b6693-9a13-4a89-9c67-82a5c2208ed9.svg);background-size:cover;}
|
468
|
+
.dx-play-row .dx-play-btn a:hover{background-color:#131317;color:rgb(0 168 255);}
|
469
|
+
.drop-qrcode{position:absolute;height:4rem;width:7rem;background-color:#1a1a1f;padding:0.3rem;display:flex;justify-content:center;/* 水平居中 */
|
470
|
+
align-items:center;}
|
471
|
+
.drop-qrcode img{width:2rem;height:2rem;margin-right:0.3rem;}
|
472
|
+
.qrcode-name{text-align:center;}
|
473
|
+
.qrcode-name p{padding:0;margin:0;font-size:0.3rem;}
|
474
|
+
.qrcode-name strong{}
|
475
|
+
.playNumPage{height:1.5rem;display:flex;justify-content:flex-start;/* 水平居中 */
|
476
|
+
align-items:center;border-bottom:0.025rem solid #636363;}
|
477
|
+
.playNumPage .Tab{margin-right:0.25rem;font-size:0.4rem;font-weight:600;position:relative;height:1.5rem;display:flex;justify-content:center;/* 水平居中 */
|
478
|
+
align-items:center;}
|
479
|
+
.playNumPage .Tab::after{content:" ";height:0.08rem;background-color:#0099FF;border-radius:0.2rem;position:absolute;bottom:0;left:33%;right:33%;opacity:0;}
|
480
|
+
.playNumPage .Tab.active,.playNumPage .Tab:hover{color:#01aaff;}
|
481
|
+
.playNumPage .Tab.active::after,.playNumPage .Tab:hover::after{opacity:1;}
|
482
|
+
.playNumPage .Tab .play-show{background:url(https://bspapp.gtimgs.com/oss/a25bc2e8-28e3-4bd2-b0cf-c4f577934119.svg) no-repeat;width:0.5rem;height:0.5rem;display:inline-block;background-size:cover;margin-right:0.2rem;}
|
483
|
+
.playNumPage .Tab.active .play-show,.playNumPage .Tab:hover .play-show{background:url(https://bspapp.gtimgs.com/oss/0fb02e11-31af-4551-a92e-b4457ad4ab0d.svg) no-repeat;background-size:cover;}
|
484
|
+
.tabContainer{margin-bottom:0.5rem;margin-top:0.5rem;}
|
485
|
+
.tabContainer>div{display:none;}
|
486
|
+
.tabContainer>div.active{display:block;animation:hideIndex 0.3s;-moz-animation:hideIndex 0.3s;/* Firefox */
|
487
|
+
-webkit-animation:hideIndex 0.3s;/* Safari and Chrome */
|
488
|
+
-o-animation:hideIndex 0.3s;/* Opera */
|
489
|
+
}
|
490
|
+
@keyframes hideIndex{0%{opacity:0;transform:translate(0,2.5rem)}
|
491
|
+
100%{opacity:1;transform:translate(0,0)}
|
492
|
+
}
|
493
|
+
.playNumList{}
|
494
|
+
.playNumList li{float:left;background:#6E6E6E;color:rgb(255 255 255 / 68%);margin:0.125rem;text-align:center;position:relative;line-height:0.875rem;font-size:0.35rem;display:inline-block;border-radius:0.15rem;width:calc(9% - 0.25rem);}
|
495
|
+
.playNumList li a{background:#6E6E6E;color:rgb(255 255 255 / 68%);text-align:center;position:relative;line-height:0.875rem;font-size:0.35rem;display:inline-block;border-radius:0.15rem;width:100%;height:100%;}
|
496
|
+
.playNumList li a.alpha,.playNumList li a:hover{background:#006aff;background:linear-gradient( 90deg,#00acff,#0069ff)!important;}
|
497
|
+
/* 片库 */
|
498
|
+
.channel-row{/* padding:0.5rem;*/
|
499
|
+
background-color:#25252B;margin-bottom:0.9rem;border-radius:0.35rem;position:relative;z-index:0;}
|
500
|
+
.channel-row .MenuRow{padding:0.5rem;background-color:#25252B;border-radius:0.35rem;}
|
501
|
+
.wrap{display:flex;justify-content:center;/* 水平居中 */
|
502
|
+
align-items:center;}
|
503
|
+
.wrap h1{color:#5f5f5f;}
|
504
|
+
.channel-row::after,.channel-row::before{height:100%;position:absolute;border-radius:0.45rem;}
|
505
|
+
.channel-row::before{content:'';left:0.45rem;width:calc(100% - 0.75rem);z-index:-2;background:#fff;bottom:-0.175rem;}
|
506
|
+
.channel-row::after{content:'';bottom:-0.325rem;width:calc(100% - 1.85rem);z-index:-10;left:0.95rem;}
|
507
|
+
.channel-row::before{background:rgba(37,37,43,.1);}
|
508
|
+
.channel-row::after,.channel-row::before{background:#35353e82;}
|
509
|
+
.page-show{margin-top:1.7rem;}
|
510
|
+
.channel-row .channel-type{max-height:2.5rem;overflow:hidden;transition:max-height 0.6s ease 0s;}
|
511
|
+
.channel-row.menu-open .channel-type{max-height:10rem;}
|
512
|
+
.channel-row .channel-type .type-item{overflow:hidden;margin-bottom:0.5rem;display:flex;height:auto;}
|
513
|
+
.channel-row .type-item .item-list{display:flex;flex-wrap:wrap;/* height:0.9rem;*/
|
514
|
+
}
|
515
|
+
.channel-row .type-item .item-list .item{float:left;margin-right:0.22rem;width:auto;}
|
516
|
+
.channel-row .type-item .type-title a{display:block;color:#fff;height:0.55rem;line-height:0.55rem;font-size:0.35rem;padding:0 0.25rem;}
|
517
|
+
.channel-row .type-item .item-list .item a:hover,.channel-row .type-item .type-title.cur a{color:#fff;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);border-radius:2rem;}
|
518
|
+
.channel-row .type-item .item-list .item a{display:block;color:#fff;height:0.55rem;line-height:0.55rem;font-size:0.35rem;padding:0 0.15rem;text-decoration:none;margin-bottom:0.3rem;}
|
519
|
+
.channel-row .type-item .item-list .item.cur a{background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);color:#fff;border-radius:2rem;}
|
520
|
+
.channel-row .type-tip{float:left;height:0.55rem;line-height:0.55rem;color:#ffffff;font-size:0.35rem;background-color:#7F7F8C;padding:0rem 0.25rem;margin-right:0.25rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}
|
521
|
+
.channel-row .type-item .type-title{float:left;margin-right:0.35rem;margin-bottom:0.15rem;}
|
522
|
+
.channel-row .showSwiper{flex:1;display:flex;height:fit-content;}
|
523
|
+
.channel-row .channel-foot{border-top:0.025rem solid #636363;display:flex;justify-content:center;/* 水平居中 */
|
524
|
+
align-items:center;padding:0.5rem;position:relative;}
|
525
|
+
.channel-row .channel-foot a{position:absolute;right:0.2rem;display:flex;justify-content:center;/* 水平居中 */
|
526
|
+
align-items:center;}
|
527
|
+
#showOpen{}
|
528
|
+
#showOpen i{width:0.7rem;height:0.6rem;display:inline-block;}
|
529
|
+
#showOpen i.open{background:url(https://bspapp.gtimgs.com/oss/6d15d999-42a6-48f8-85dc-d6dd2547d33c.svg);transform:rotate(270deg);background-size:cover;}
|
530
|
+
#showOpen i.off{background:url(https://bspapp.gtimgs.com/oss/6d15d999-42a6-48f8-85dc-d6dd2547d33c.svg);transform:rotate(90deg);background-size:cover;}
|
531
|
+
|
532
|
+
/* 留言本 */
|
533
|
+
.gbook-detail{margin-top:1.9rem;}
|
534
|
+
.gbook-head{background-color:#ffffff21;padding:0.45rem;border-radius:0.25rem;}
|
535
|
+
.gbook-content{}
|
536
|
+
.gbook-content .gbook_form{}
|
537
|
+
.gbook-content .comment_content{background-color:#F5F5F5;color:#999999;border:0.025rem solid #eee;display:block;width:100%;font-size:0.3rem;line-height:0.5rem;border-radius:0.1rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:auto;padding:0.25rem;}
|
538
|
+
.gbook-content .info-btn{display:flex;justify-content:space-between;/* 水平居中 */
|
539
|
+
align-items:center;margin:0.35rem 0;}
|
540
|
+
.gbook-content .gbook_remaining{}
|
541
|
+
.pull-right{float:right;display:flex;justify-content:center;/* 水平居中 */
|
542
|
+
align-items:center;position:relative;}
|
543
|
+
.pull-right .cmt_text{background-color:#F5F5F5;color:#999999;border:0.025rem solid #eee;width:2.25rem;text-align:center;margin-right:0.25rem;height:0.875rem;padding:0 0.25rem;font-size:0.3rem;line-height:0.5rem;border-radius:0.1rem;}
|
544
|
+
.pull-right .gbook_btn{display:inline-block;padding:0.225rem 0.75rem;font-size:0.3rem;background-color:#00a5ff;background:linear-gradient(to right,#00adff 0,#0068ff 100%);border-radius:0.125rem;line-height:0.45rem;}
|
545
|
+
.pull-right .mac_verify_img{position:absolute;left:-3rem;width:2.8rem;}
|
546
|
+
.gbook-list{background-color:#ffffff21;padding:0.45rem;border-radius:0.25rem;margin-top:0.375rem;}
|
547
|
+
.gbook-list .s-item{display:flex;justify-content:space-between;/* 水平居中 */
|
548
|
+
align-items:flex-start;position:relative;margin-bottom:0.5rem;}
|
549
|
+
.gbook-list .s-item .avatar{float:left;width:1.5rem;}
|
550
|
+
.gbook-list .s-item .avatar a{}
|
551
|
+
.gbook-list .s-item .avatar a img{}
|
552
|
+
.gbook-list .data{flex:1;}
|
553
|
+
.gbook-list .data h5{padding:0;margin:0;}
|
554
|
+
.gbook-list .data h5 .font-bold{font-weight:700;}
|
555
|
+
.gbook-list .data .content{background-color:#00000036;padding:0.25rem;border-radius:0.2rem;}
|
556
|
+
|
557
|
+
/* 分页 */
|
558
|
+
.dx_pages{display:flex;justify-content:center;/* 水平居中 */
|
559
|
+
align-items:center;margin:0.5rem 0;}
|
560
|
+
.dx_pages .page_tip{margin-right:0.35rem;}
|
561
|
+
.dx_pages .page_info{display:flex;}
|
562
|
+
.dx_pages .page_info ul{display:flex;}
|
563
|
+
.dx_pages .page_info span{vertical-align:text-bottom;text-align:center;line-height:0.875rem;margin-right:0.3rem;}
|
564
|
+
.dx_pages .page_link{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.875rem;text-decoration:none;overflow:hidden;width:0.9rem;height:0.9rem;border:0;border-radius:0.15rem;background-color:#434343;color:#ffffff;margin-right:0.3rem;}
|
565
|
+
.dx_pages .page_link i{width:0.8rem;height:0.8rem;display:inline-block;margin-top:0.03rem;}
|
566
|
+
.dx_pages .page_link i.left{background-image:url(https://bspapp.gtimgs.com/oss/6d15d999-42a6-48f8-85dc-d6dd2547d33c.svg);background-size:cover;}
|
567
|
+
.dx_pages .page_link i.right{background-image:url(https://bspapp.gtimgs.com/oss/ab70067a-ed3f-4d8c-8776-cd1a7b67097d.svg);background-size:cover;}
|
568
|
+
.dx_pages .page_link.page_current,.dx_pages .page_link:hover{background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);}
|
569
|
+
.dx_pages .page_input{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.875rem;text-decoration:none;overflow:hidden;width:0.9rem;height:0.9rem;border:0;border-radius:0.15rem;background-color:#d8d8d8;color:#ffffff;margin-right:0.3rem;}
|
570
|
+
.dx_pages .page_btn{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.875rem;text-decoration:none;overflow:hidden;width:0.9rem;height:0.9rem;border:0;border-radius:0.15rem;background-color:#00acff;color:#ffffff;}
|
571
|
+
.page-top{/* margin-top:1.6rem;*/
|
572
|
+
background:url(https://bspapp.gtimgs.com/oss/dfd0db36-8259-4d6e-a426-7c1167c7657d.svg) no-repeat;background-size:100%;}
|
573
|
+
.top-head{display:flex;justify-content:center;/* 水平居中 */
|
574
|
+
align-items:center;width:100%;flex-direction:column;padding:2.2rem 0;}
|
575
|
+
.top-head .top-logo{}
|
576
|
+
.topic-index{margin-top:1.9rem;}
|
577
|
+
.top-head h1{margin:0;font-size:0.6rem;}
|
578
|
+
.topic-detail{margin-top:1.9rem;}
|
579
|
+
.topic-head{display:flex;justify-content:flex-start;/* 水平居中 */
|
580
|
+
align-items:flex-start;}
|
581
|
+
.topic-head .topic-img{width:11rem;margin-right:.6rem;}
|
582
|
+
.topic-head .topic-img img{width:100%;}
|
583
|
+
.topic-head .topic-info{flex:1;}
|
584
|
+
.topic-head .topic-info .topic_h1{margin-top:0;}
|
585
|
+
.topic-head .topic-info .topic_info{}
|
586
|
+
.topic-head .topic-info .topic_info span{}
|
587
|
+
.topic-head .topic-info .topic_info .digg_link{}
|
588
|
+
.topic-head .topic-info .topic_info .digg_num{font-style:normal;}
|
589
|
+
.blank-area{display:flex;justify-content:center;/* 水平居中 */
|
590
|
+
align-items:center;flex-direction:column;padding:1rem;}
|
591
|
+
.blank-area img{width:3rem;}
|
592
|
+
.blank-area div{font-size:0.6rem;margin-top:0.6rem;}
|
593
|
+
.blank-area p{}
|
594
|
+
/* 页脚 */
|
595
|
+
.footer{background-color:#252525;margin-top:2.5rem;padding-bottom:1rem;}
|
596
|
+
.footer .link{}
|
597
|
+
.footer .link .link-tit{}
|
598
|
+
.footer .link h5{font-size:0.48rem;color:white;}
|
599
|
+
.footer .link .link-list{}
|
600
|
+
.footer .link .link-item{float:left;margin-right:0.5rem;margin-bottom:0.25rem;}
|
601
|
+
.footer .link .link-item a{color:#bdbdbd;}
|
602
|
+
.footer .link .link-item a:hover{color:rgb(0 168 255);}
|
603
|
+
.footer .fo-menu{display:flex!important;justify-content:flex-start;align-items:center;}
|
604
|
+
.footer .fo-menu .fo-menu-item{width:25%;}
|
605
|
+
.footer .fo-menu .item-tit{}
|
606
|
+
.footer .fo-menu h5{font-size:0.48rem;color:white;margin:0.48rem 0;}
|
607
|
+
.footer .fo-menu .fo-menu-class{}
|
608
|
+
.footer .fo-menu .fo-menu-li{width:20%;float:left;}
|
609
|
+
.footer .fo-menu .fo-menu-li a{color:#e0e0e0;}
|
610
|
+
.footer .fo-menu .fo-menu-li a:hover{color:rgb(0 168 255);}
|
611
|
+
.footer .copyright{text-align:center;margin-top:1rem;}
|
612
|
+
.footer .copyright p{}
|
613
|
+
.footer .map{text-align:center;}
|
614
|
+
.footer .map a{}
|
615
|
+
/* 固定菜单 */
|
616
|
+
.fixed_bar{position:fixed;bottom:50%;right:5.5%;margin-bottom:-4.975rem;z-index:1000;text-align:center;background:hsla(0,0%,100%,.05);box-shadow:0 0.025rem 0.15rem 0 rgb(0 0 0 / 10%);border-radius:0.1rem;display:none;}
|
617
|
+
.TopRoll .fixed_bar{display:block;}
|
618
|
+
.fixed_bar .bar-list{padding:0.125rem 0.25rem;}
|
619
|
+
.fixed_bar .bar-list .bar-item{border-bottom:0.025rem solid #434343;box-sizing:border-box;position:relative;}
|
620
|
+
.fixed_bar .bar-list .bar-item .list-link{display:block;padding:0.2rem 0.2rem;line-height:0.55rem;font-size:0.35rem;color:hsla(0,0%,100%,.6);}
|
621
|
+
.fixed_bar .bar-list .bar-item .list-link:hover{color:#00acff;}
|
622
|
+
.fixed_bar .bar-list .bar-item.top-bar{border-bottom:none;}
|
623
|
+
.fixed_bar .bar-list .bar-item .list-link#book-bar{background:url(../images/book.svg) no-repeat;width:0.75rem;height:0.75rem;background-size:cover;background-position:center;margin:0.15rem auto;}
|
624
|
+
.fixed_bar .bar-list .bar-item .list-link#book-bar:hover{background:url(../images/book-hover.svg) no-repeat;width:0.75rem;height:0.75rem;background-size:cover;background-position:center;margin:0.15rem auto;}
|
625
|
+
.fixed_bar .bar-list .bar-item .list-link#top-bar{background:url(https://bspapp.gtimgs.com/oss/2cd0609f-d7a7-4c53-a277-79e8dec5dfc6.svg) no-repeat;width:0.7rem;height:0.7rem;background-size:cover;background-position:center;margin:0.1rem auto;}
|
626
|
+
.fixed_bar .bar-list .bar-item .list-link#top-bar:hover{background:url(https://bspapp.gtimgs.com/oss/92122f36-32a3-44ad-81f9-96427ad7d999.svg) no-repeat;width:0.7rem;height:0.7rem;background-size:cover;background-position:center;margin:0.1rem auto;}
|
627
|
+
.tipText{position:absolute;right:-1.91rem;background-color:#262626;padding:0.1rem 0.3rem;border-radius:0.5rem;top:-0.025rem;}
|
628
|
+
.baseline{position:relative;display:flex;justify-content:center;/* 水平居中 */
|
629
|
+
align-items:center;}
|
630
|
+
.baseline .base-row{position:absolute;bottom:-2.5rem;display:flex;justify-content:center;align-items:center;}
|
631
|
+
.baseline img{}
|
632
|
+
.baseline span{margin-left:0.2rem;}
|
633
|
+
/* 悬浮卡片 */
|
634
|
+
.hover-card{width:5.25rem;background-color:#25252b;border-radius:0.15rem;overflow:hidden;position:absolute;visibility:hidden;z-index:999;opacity:0;}
|
635
|
+
.hover-card.hover{visibility:visible;opacity:1;will-change:transform;will-change:opacity;animation:video-card-small .2s ease both;}
|
636
|
+
@keyframes video-card-small{0%{transform:translateZ(0.5rem) scale(.93);opacity:0}
|
637
|
+
50%{opacity:1}
|
638
|
+
to{transform:translateZ(0.5rem) scale(1.09);opacity:1}
|
639
|
+
}
|
640
|
+
.hover-card .cover-area{position:relative;display:block;overflow:hidden;padding-top:70%;background-position:50% 50%;background-size:cover;}
|
641
|
+
.hover-card .cover-area::before{content:'';background:rgb(0 0 0 / 24%);position:absolute;top:0;bottom:0;left:0;right:0;}
|
642
|
+
.hover-card .cover-area::after{content:'';background:url(https://bspapp.gtimgs.com/oss/28225623-cdb8-4d7b-afe7-a25b9cdf4c79.svg) no-repeat;width:1rem;height:1rem;background-size:cover;z-index:99999;position:absolute;top:1.275rem;left:2.2rem;opacity:0;transform:scale(.6);transition:all .3s ease-in;}
|
643
|
+
.hover-card .cover-area:hover::after{opacity:1;transform:scale(.9);}
|
644
|
+
.hover-card .small_content{background-color:#25252b;padding:0.25rem;}
|
645
|
+
.hover-card .hover-tit{display:flex;justify-content:space-between;/* 水平居中 */
|
646
|
+
align-items:center;}
|
647
|
+
.hover-card .hover-tit a{}
|
648
|
+
.hover-card .hover-tit span{color:#FF5C38;}
|
649
|
+
.hover-card .small_content p{font-size:.33rem;color:#9e9e9e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;/*行数,2的话就是第二行溢出省略。*/
|
650
|
+
-webkit-box-orient:vertical;line-height:.6rem;}
|
651
|
+
@media (min-width:19.2rem){.vi-nav{width:auto;}
|
652
|
+
}
|
653
|
+
#playerCnt{background:#000000;font-size:14px;color:#F6F6F6;margin:0px;padding:0px;position:relative;overflow:hidden;width:100%;height:100%;min-height:100px;}
|