4492 lines
131 KiB
HTML
4492 lines
131 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta name="spm_prefix" content="333.337">
|
||
<meta data-vue-meta="true" charset="UTF-8">
|
||
<meta name="referrer" content="no-referrer-when-downgrade">
|
||
<meta name="applicable-device" content="pc">
|
||
<meta http-equiv="Cache-Control" content="no-transform">
|
||
<meta http-equiv="Cache-Control" content="no-siteapp">
|
||
<link rel="dns-prefetch" href="//s1.hdslb.com">
|
||
<link rel="dns-prefetch" href="//i0.hdslb.com">
|
||
<link rel="dns-prefetch" href="//i1.hdslb.com">
|
||
<link rel="dns-prefetch" href="//i2.hdslb.com">
|
||
<link rel="dns-prefetch" href="//static.hdslb.com">
|
||
<link rel="shortcut icon" href="//static.hdslb.com/images/favicon.ico">
|
||
<script type="text/javascript">window.spmReportData = {}, window.reportConfig = {
|
||
sample: 1,
|
||
scrollTracker: !0,
|
||
msgObjects: "spmReportData",
|
||
errorTracker: !0,
|
||
searchPage: !0
|
||
}, window.abtest || (window.abtest = {}), window.abtest.ab_type = "1"</script>
|
||
<script type="text/javascript"
|
||
src="//www.bilibili.com/gentleman/polyfill.js?features=Promise%2CObject.assign%2CString.prototype.includes%2CNumber.isNaN"></script>
|
||
<script type="text/javascript" src="//s1.hdslb.com/bfs/seed/log/report/log-reporter.js" crossorigin=""></script>
|
||
<script type="text/javascript" src="//s1.hdslb.com/bfs/static/jinkela/long/js/jquery/jquery1.7.2.min.js"></script>
|
||
<link rel="prefetch" as="script" href="//s1.hdslb.com/bfs/static/player/main/video.js?v=20231027">
|
||
<script type="text/javascript" src="//s1.hdslb.com/bfs/static/jinkela/long/js/sentry/sentry-5.7.1.min.js"></script>
|
||
<script type="text/javascript"
|
||
src="//s1.hdslb.com/bfs/static/jinkela/long/js/sentry/sentry-5.7.1.vue.min.js"></script>
|
||
<script type="text/javascript" src="//s1.hdslb.com/bfs/seed/jinkela/short/config/biliconfig.js"></script>
|
||
<link href="//s1.hdslb.com/bfs/static/jinkela/search/css/search.1.dcb14224443da0dccc014fd0012c581c6dd51a2b.css"
|
||
rel="stylesheet">
|
||
<link href="//s1.hdslb.com/bfs/static/jinkela/search/css/search.0.dcb14224443da0dccc014fd0012c581c6dd51a2b.css"
|
||
rel="stylesheet">
|
||
<style type="text/css">.van-message {
|
||
padding: 10px 16px;
|
||
border-radius: 4px;
|
||
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||
background: rgba(0, 0, 0, 0.8);
|
||
color: #fff;
|
||
margin-bottom: 10px;
|
||
pointer-events: all;
|
||
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
|
||
transition: opacity 0.3s, -webkit-transform 0.3s;
|
||
transition: opacity 0.3s, transform 0.3s;
|
||
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
|
||
}
|
||
|
||
.van-message-box {
|
||
position: fixed;
|
||
z-index: 1010;
|
||
left: 50%;
|
||
top: 16px;
|
||
-webkit-transform: translateX(-50%);
|
||
transform: translateX(-50%);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.van-message-success {
|
||
background: rgba(82, 196, 26, 0.8);
|
||
}
|
||
|
||
.van-message-error {
|
||
background: rgba(245, 34, 45, 0.8);
|
||
}
|
||
|
||
.van-message-warning {
|
||
background: rgba(250, 173, 20, 0.8);
|
||
}
|
||
|
||
.van-message-info,
|
||
.van-message-loading {
|
||
background: rgba(0, 0, 0, 0.8);
|
||
}
|
||
|
||
.van-message-fade-enter,
|
||
.van-message-fade-leave-active {
|
||
-webkit-transform: translateY(50%);
|
||
transform: translateY(50%);
|
||
opacity: 0;
|
||
}
|
||
|
||
.van-message {
|
||
padding: 10px 16px;
|
||
border-radius: 4px;
|
||
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||
background: rgba(0, 0, 0, 0.8);
|
||
color: #fff;
|
||
margin-bottom: 10px;
|
||
pointer-events: all;
|
||
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
|
||
transition: opacity 0.3s, -webkit-transform 0.3s;
|
||
transition: opacity 0.3s, transform 0.3s;
|
||
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
|
||
}
|
||
|
||
.van-message-box {
|
||
position: fixed;
|
||
z-index: 1010;
|
||
left: 50%;
|
||
top: 16px;
|
||
-webkit-transform: translateX(-50%);
|
||
transform: translateX(-50%);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.van-message-success {
|
||
background: rgba(82, 196, 26, 0.8);
|
||
}
|
||
|
||
.van-message-error {
|
||
background: rgba(245, 34, 45, 0.8);
|
||
}
|
||
|
||
.van-message-warning {
|
||
background: rgba(250, 173, 20, 0.8);
|
||
}
|
||
|
||
.van-message-info,
|
||
.van-message-loading {
|
||
background: rgba(0, 0, 0, 0.8);
|
||
}
|
||
|
||
.van-message-fade-enter,
|
||
.van-message-fade-leave-active {
|
||
-webkit-transform: translateY(50%);
|
||
transform: translateY(50%);
|
||
opacity: 0;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popper .popper__arrow,
|
||
.van-popper .popper__arrow::after {
|
||
position: absolute;
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
border-color: transparent;
|
||
border-style: solid;
|
||
}
|
||
|
||
.van-popper .popper__arrow {
|
||
border-width: 6px;
|
||
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
||
}
|
||
|
||
.van-popper .popper__arrow::after {
|
||
content: " ";
|
||
border-width: 6px;
|
||
}
|
||
|
||
.van-popper[x-placement^=top] {
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.van-popper[x-placement^=top] .popper__arrow {
|
||
bottom: -6px;
|
||
left: 50%;
|
||
margin-right: 3px;
|
||
border-top-color: #ebeef5;
|
||
border-bottom-width: 0;
|
||
}
|
||
|
||
.van-popper[x-placement^=top] .popper__arrow::after {
|
||
bottom: 1px;
|
||
margin-left: -6px;
|
||
border-top-color: #fff;
|
||
border-bottom-width: 0;
|
||
}
|
||
|
||
.van-popper[x-placement^=bottom] {
|
||
margin-top: 12px;
|
||
}
|
||
|
||
.van-popper[x-placement^=bottom] .popper__arrow {
|
||
top: -6px;
|
||
left: 50%;
|
||
margin-right: 3px;
|
||
border-top-width: 0;
|
||
border-bottom-color: #ebeef5;
|
||
}
|
||
|
||
.van-popper[x-placement^=bottom] .popper__arrow::after {
|
||
top: 1px;
|
||
margin-left: -6px;
|
||
border-top-width: 0;
|
||
border-bottom-color: #fff;
|
||
}
|
||
|
||
.van-popper[x-placement^=right] {
|
||
margin-left: 12px;
|
||
}
|
||
|
||
.van-popper[x-placement^=right] .popper__arrow {
|
||
top: 50%;
|
||
left: -6px;
|
||
margin-bottom: 3px;
|
||
border-right-color: #ebeef5;
|
||
border-left-width: 0;
|
||
}
|
||
|
||
.van-popper[x-placement^=right] .popper__arrow::after {
|
||
bottom: -6px;
|
||
left: 1px;
|
||
border-right-color: #fff;
|
||
border-left-width: 0;
|
||
}
|
||
|
||
.van-popper[x-placement^=left] {
|
||
margin-right: 12px;
|
||
}
|
||
|
||
.van-popper[x-placement^=left] .popper__arrow {
|
||
top: 50%;
|
||
right: -6px;
|
||
margin-bottom: 3px;
|
||
border-right-width: 0;
|
||
border-left-color: #ebeef5;
|
||
}
|
||
|
||
.van-popper[x-placement^=left] .popper__arrow::after {
|
||
right: 1px;
|
||
bottom: -6px;
|
||
margin-left: -6px;
|
||
border-right-width: 0;
|
||
border-left-color: #fff;
|
||
}
|
||
|
||
.van-popover {
|
||
position: absolute;
|
||
background: #fff;
|
||
min-width: 150px;
|
||
border-radius: 4px;
|
||
border: 1px solid #ebeef5;
|
||
padding: 12px;
|
||
z-index: 2000;
|
||
color: #606266;
|
||
line-height: 1.4;
|
||
text-align: justify;
|
||
font-size: 14px;
|
||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.van-popover--plain {
|
||
padding: 18px 20px;
|
||
}
|
||
|
||
.van-popover__title {
|
||
color: #303133;
|
||
font-size: 16px;
|
||
line-height: 1;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.van-popover:focus,
|
||
.van-popover:focus:active,
|
||
.van-popover__reference:focus:hover,
|
||
.van-popover__reference:focus:not(.focusing) {
|
||
outline-width: 0;
|
||
}
|
||
</style>
|
||
<style type="text/css">.loc-menu-box {
|
||
background: #fff;
|
||
width: 399px;
|
||
padding: 12px;
|
||
border-bottom-left-radius: 4px;
|
||
border-bottom-right-radius: 4px;
|
||
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
|
||
}
|
||
|
||
.loc-menu-box .loc-link {
|
||
display: block;
|
||
position: relative;
|
||
}
|
||
|
||
.loc-menu-box .loc-link img {
|
||
width: 375px;
|
||
height: 110px;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.loc-menu-box .loc-link span {
|
||
position: absolute;
|
||
color: #fff;
|
||
left: 0;
|
||
bottom: 0;
|
||
width: 375px;
|
||
line-height: 24px;
|
||
padding-left: 10px;
|
||
border-radius: 4px;
|
||
text-align: left;
|
||
box-sizing: border-box;
|
||
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
|
||
}
|
||
|
||
.loc-menu-box .loc-link:first-child {
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.loc-moveclip {
|
||
width: 54px;
|
||
height: 36px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.loc-mc-box {
|
||
width: 54px;
|
||
height: 108px;
|
||
overflow: hidden;
|
||
position: relative;
|
||
animation: locmoveclipslider 10s infinite ease-out;
|
||
animation-delay: 4.5s;
|
||
}
|
||
|
||
.loc-mc-box .bnj-gif {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 36px;
|
||
width: 54px;
|
||
height: 36px;
|
||
transform: translateZ(0);
|
||
}
|
||
|
||
.loc-mc-box .bnj-txt {
|
||
line-height: 36px;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.loc-mc-box .txt-up {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
|
||
.loc-mc-box .txt-down {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 72px;
|
||
}
|
||
|
||
@keyframes locmoveclipslider {
|
||
0% {
|
||
transform: translateY(0);
|
||
}
|
||
5% {
|
||
transform: translateY(-36px);
|
||
}
|
||
50% {
|
||
transform: translateY(-36px);
|
||
}
|
||
55% {
|
||
transform: translateY(-72px);
|
||
}
|
||
100% {
|
||
transform: translateY(-72px);
|
||
}
|
||
}
|
||
</style>
|
||
<style type="text/css">.channel-menu-mini {
|
||
padding: 10px 5px;
|
||
background: #fff;
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
|
||
width: 670px;
|
||
height: 462px;
|
||
display: flex;
|
||
text-align: left;
|
||
}
|
||
|
||
.channel-menu-mini .box {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.channel-menu-mini .box a {
|
||
display: flex;
|
||
width: 172px;
|
||
height: 24px;
|
||
line-height: 24px;
|
||
padding: 10px 20px !important;
|
||
color: #212121;
|
||
border-radius: 4px;
|
||
transition: all 0.3s;
|
||
font-size: 14px;
|
||
justify-content: space-between;
|
||
box-sizing: content-box;
|
||
}
|
||
|
||
.channel-menu-mini .box a:hover {
|
||
color: #212121;
|
||
background: #f4f4f4;
|
||
}
|
||
|
||
.channel-menu-mini .box .name svg {
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.channel-menu-mini .box .count {
|
||
color: #999;
|
||
}
|
||
|
||
.channel-menu-mini .l-box {
|
||
flex: 2;
|
||
}
|
||
|
||
.channel-menu-mini .r-box {
|
||
flex: 1;
|
||
padding-left: 5px;
|
||
border-left: 1px solid #e7e7e7;
|
||
}
|
||
|
||
.channel-menu-mini .svg-icon {
|
||
width: 1.8em;
|
||
height: 1.8em;
|
||
vertical-align: bottom;
|
||
fill: currentColor;
|
||
overflow: hidden;
|
||
}
|
||
</style>
|
||
<style type="text/css">.nav-link .bili-icon_dingdao_xiazaiapp {
|
||
margin-right: 2px;
|
||
font-size: 18px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.nav-link .nav-link-ul {
|
||
height: 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.nav-link .nav-link-ul.mini .bili-icon_dingdao_xiazaiapp {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.nav-link .nav-link-ul .nav-link-item {
|
||
margin-right: 12px;
|
||
}
|
||
|
||
.nav-link .nav-link-ul .nav-link-item .link {
|
||
font-size: 14px;
|
||
color: #fff;
|
||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||
line-height: 32px;
|
||
white-space: nowrap;
|
||
display: flex;
|
||
}
|
||
|
||
.nav-link .nav-link-ul .nav-link-item .link .navbar_logo {
|
||
width: 70px;
|
||
height: 32px;
|
||
margin-right: 16px;
|
||
}
|
||
|
||
.nav-link .nav-link-ul .nav-link-item .link .navbar_pullup {
|
||
width: 16px;
|
||
height: 16px;
|
||
align-self: center;
|
||
transform: rotate(180deg);
|
||
transition: transform 0.3s;
|
||
}
|
||
|
||
.nav-link .nav-link-ul .nav-link-item .link .new-icon {
|
||
display: inline-block;
|
||
width: 17px;
|
||
height: 14px;
|
||
margin-left: 4px;
|
||
background: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/newIcon.png) center center no-repeat;
|
||
background-size: cover;
|
||
}
|
||
|
||
.nav-link .bili-icon_dingdao_zhuzhan {
|
||
margin-right: 6px;
|
||
font-size: 18px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.popover-channe {
|
||
padding: 0;
|
||
width: 670px;
|
||
height: 372px;
|
||
border: none;
|
||
background: transparent;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.popover-game {
|
||
padding: 0;
|
||
width: 680px;
|
||
height: 260px;
|
||
border: none;
|
||
background: transparent;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.popover-live {
|
||
padding: 0;
|
||
width: 528px;
|
||
height: 266px;
|
||
border: none;
|
||
background: transparent;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.popover-manga {
|
||
padding: 0;
|
||
width: 720px;
|
||
height: 266px;
|
||
border: none;
|
||
background: transparent;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.popover-app-download {
|
||
padding: 0;
|
||
width: 280px;
|
||
height: 212px;
|
||
border: none;
|
||
box-shadow: none;
|
||
background: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/app-download.png);
|
||
background-size: cover;
|
||
background-position-y: -3px;
|
||
display: flex;
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.popover-app-download .txt {
|
||
font-size: 14px;
|
||
color: #212121;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding-bottom: 24px;
|
||
}
|
||
|
||
.van-popover.van-popper.popover-channe,
|
||
.van-popover.van-popper.popover-game,
|
||
.van-popover.van-popper.popover-live,
|
||
.van-popover.van-popper.popover-app-download {
|
||
padding: 0;
|
||
top: 45px !important;
|
||
}
|
||
|
||
.van-popover.van-popper .download-client-entry {
|
||
overflow: hidden;
|
||
width: 387px !important;
|
||
height: 216px;
|
||
border: 1px solid #E3E5E7;
|
||
border-radius: 4px;
|
||
background-color: #FFFFFF;
|
||
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
padding: 19px 0 16px 0;
|
||
height: 100%;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top {
|
||
flex: 1;
|
||
display: flex;
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-left,
|
||
.van-popover.van-popper .download-wrapper .download-top-right {
|
||
width: calc((100% - 1px) / 2);
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-content {
|
||
text-align: center;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-content .qr {
|
||
margin: 0 auto;
|
||
border: 1px solid #E3E5E7;
|
||
border-radius: 4px;
|
||
width: 95px;
|
||
height: 95px;
|
||
display: flex;
|
||
justify-content: center;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-content .pink-pc-download {
|
||
width: 52px;
|
||
height: 52px;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-content .button {
|
||
display: block;
|
||
margin: 0 auto;
|
||
margin-top: 12px;
|
||
background: #00AEEC;
|
||
color: #FFFFFF;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
width: 90px;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-content .button:hover {
|
||
background: #40C5F1;
|
||
transition: 0.3s;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-center {
|
||
width: 1px;
|
||
background: #E3E5E7;
|
||
height: 143px;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-title {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-title .main {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-bottom: 2px;
|
||
color: #18191C;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
line-height: 20px;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-title .main svg {
|
||
margin-right: 3px;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-top-title .sub {
|
||
margin-bottom: 12px;
|
||
color: #61666D;
|
||
font-size: 12px;
|
||
line-height: 17px;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-bottom {
|
||
color: #9499A0;
|
||
font-size: 12px;
|
||
line-height: 17px;
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-bottom:hover {
|
||
transition: 0.3s;
|
||
color: #00AEEC;
|
||
}
|
||
|
||
.van-popover.van-popper .download-wrapper .download-bottom .arrow-right {
|
||
transform: rotate(-90deg);
|
||
width: 10px;
|
||
height: 10px;
|
||
}
|
||
|
||
.van-popover.van-popper .download-client-trigger {
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.van-popover.van-popper .download-client-trigger__icon {
|
||
margin-top: -2px;
|
||
margin-right: 5px;
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
|
||
.download-client-entry {
|
||
overflow: hidden;
|
||
width: 387px !important;
|
||
height: 216px;
|
||
border: 1px solid #E3E5E7;
|
||
border-radius: 4px;
|
||
background-color: #FFFFFF;
|
||
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.download-wrapper {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
padding: 19px 0 16px 0;
|
||
height: 100%;
|
||
}
|
||
|
||
.download-wrapper .download-top {
|
||
flex: 1;
|
||
display: flex;
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.download-wrapper .download-top-left,
|
||
.download-wrapper .download-top-right {
|
||
width: calc((100% - 1px) / 2);
|
||
}
|
||
|
||
.download-wrapper .download-top-content {
|
||
text-align: center;
|
||
}
|
||
|
||
.download-wrapper .download-top-content .qr {
|
||
margin: 0 auto;
|
||
border: 1px solid #E3E5E7;
|
||
border-radius: 4px;
|
||
width: 95px;
|
||
height: 95px;
|
||
display: flex;
|
||
justify-content: center;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.download-wrapper .download-top-content .button {
|
||
display: block;
|
||
margin: 0 auto;
|
||
margin-top: 12px;
|
||
background: #00AEEC;
|
||
color: #FFFFFF;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
width: 90px;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.download-wrapper .download-top-content .button:hover {
|
||
background: #40C5F1;
|
||
transition: 0.3s;
|
||
}
|
||
|
||
.download-wrapper .download-top-center {
|
||
width: 1px;
|
||
background: #E3E5E7;
|
||
height: 143px;
|
||
}
|
||
|
||
.download-wrapper .download-top-title {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.download-wrapper .download-top-title .main {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-bottom: 2px;
|
||
color: #18191C;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
line-height: 20px;
|
||
}
|
||
|
||
.download-wrapper .download-top-title .main svg {
|
||
margin-right: 3px;
|
||
}
|
||
|
||
.download-wrapper .download-top-title .sub {
|
||
margin-bottom: 12px;
|
||
color: #61666D;
|
||
font-size: 12px;
|
||
line-height: 17px;
|
||
}
|
||
|
||
.download-wrapper .download-bottom {
|
||
color: #9499A0;
|
||
font-size: 12px;
|
||
line-height: 17px;
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.download-wrapper .download-bottom:hover {
|
||
transition: 0.3s;
|
||
color: #00AEEC;
|
||
}
|
||
|
||
.download-wrapper .download-bottom .arrow-right {
|
||
transform: rotate(-90deg);
|
||
width: 10px;
|
||
height: 10px;
|
||
}
|
||
|
||
.download-client-trigger {
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.download-client-trigger__icon {
|
||
margin-top: -2px;
|
||
margin-right: 5px;
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
</style>
|
||
<style type="text/css">.lang-change {
|
||
width: 100%;
|
||
border-bottom: 1px solid #F4F4F4;
|
||
padding: 7px 0;
|
||
position: relative;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.lang-change .lang-intro {
|
||
padding: 8px 0;
|
||
top: 0px;
|
||
visibility: hidden;
|
||
opacity: 0;
|
||
position: absolute;
|
||
left: 279px;
|
||
background: #fff;
|
||
width: 240px;
|
||
font-size: 12px;
|
||
color: #212121;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
transition: 0.3s ease;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.lang-change .lang-intro-item {
|
||
font-size: 14px;
|
||
padding: 8px 15px;
|
||
line-height: 22px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
cursor: pointer;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
.lang-change .lang-intro-item .bilifont {
|
||
font-size: 22px;
|
||
display: none;
|
||
}
|
||
|
||
.lang-change .lang-intro-item:hover {
|
||
background: #F4F4F4;
|
||
}
|
||
|
||
.lang-change .lang-intro-item.on {
|
||
color: #00A1D6;
|
||
}
|
||
|
||
.lang-change .lang-intro-item.on .bilifont {
|
||
display: block;
|
||
}
|
||
|
||
.lang-change:hover .lang-intro {
|
||
visibility: visible;
|
||
opacity: 1;
|
||
}
|
||
|
||
.lang-change .lang-item {
|
||
cursor: pointer;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
transition: 0.3s ease;
|
||
padding: 8px 23px;
|
||
}
|
||
|
||
.lang-change .lang-item:hover {
|
||
background: #F4F4F4;
|
||
}
|
||
|
||
.lang-change .lang-title {
|
||
font-size: 14px;
|
||
color: #212121;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.lang-change .lang-icon {
|
||
font-size: 24px;
|
||
vertical-align: middle;
|
||
color: #979797;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.lang-change .lang-icon-more {
|
||
font-size: 16px;
|
||
vertical-align: middle;
|
||
color: #979797;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popper-login[data-v-fd292c14] {
|
||
background: #ffffff;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
width: 360px;
|
||
}
|
||
|
||
.van-popper-login .vp-container[data-v-fd292c14] {
|
||
width: 100%;
|
||
padding: 16px 20px 12px 20px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
border-bottom: 1px solid #f4f4f4;
|
||
}
|
||
|
||
.van-popper-login .title[data-v-fd292c14] {
|
||
font-size: 14px;
|
||
color: #212121;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.van-popper-login .img-panel[data-v-fd292c14] {
|
||
position: relative;
|
||
width: 320px;
|
||
height: 200px;
|
||
overflow: hidden;
|
||
background: url(//static.hdslb.com/images/base/danmu.png) no-repeat center;
|
||
background-color: #eee;
|
||
}
|
||
|
||
.van-popper-login .img-panel img[data-v-fd292c14] {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
.van-popper-login .btn-box[data-v-fd292c14] {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.van-popper-login .btn-box .btn[data-v-fd292c14] {
|
||
display: inline-block;
|
||
cursor: pointer;
|
||
width: 48%;
|
||
height: 38px;
|
||
line-height: 38px;
|
||
text-align: center;
|
||
background-color: #00a1d6;
|
||
color: #ffffff;
|
||
font-size: 14px;
|
||
border-radius: 2px;
|
||
margin-top: 16px;
|
||
transition: 0.3s ease;
|
||
border: 1px solid #00a1d6;
|
||
}
|
||
|
||
.van-popper-login .btn-box .btn[data-v-fd292c14]:hover {
|
||
background-color: #00b5e5;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.van-popper-login .btn-box .btn.reg-btn[data-v-fd292c14] {
|
||
background-color: #fff;
|
||
color: #00b5e5;
|
||
}
|
||
|
||
.mini-login .name[data-v-fd292c14] {
|
||
font-size: 14px;
|
||
color: #fff;
|
||
white-space: nowrap;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.mini-login .name img[data-v-fd292c14] {
|
||
width: 32px;
|
||
height: 32px;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
border: 1px solid #c0c0c0;
|
||
}
|
||
|
||
.mini-login .name[data-v-fd292c14]:hover {
|
||
color: #fff;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popover.van-popper.van-popper-login {
|
||
padding: 0;
|
||
border: none;
|
||
top: 44px !important;
|
||
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px !important;
|
||
}
|
||
|
||
.van-popover.van-popper.van-popper-login .lang-change .lang-intro {
|
||
left: -240px;
|
||
}
|
||
</style>
|
||
<style type="text/css">.mini-avatar[data-v-6dcccb0e] {
|
||
width: 40px;
|
||
height: 40px;
|
||
border-radius: 50%;
|
||
position: relative;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.mini-avatar > div[data-v-6dcccb0e] {
|
||
height: 100%;
|
||
transform: translate(0, 0);
|
||
transition: transform 0.2s ease;
|
||
}
|
||
|
||
.mini-avatar .mini-move[data-v-6dcccb0e] {
|
||
transform: translate(2px, 60px);
|
||
width: 40px;
|
||
height: 40px;
|
||
}
|
||
|
||
.mini-avatar .pcdn-icon[data-v-6dcccb0e] {
|
||
position: absolute;
|
||
top: -5px;
|
||
right: -6px;
|
||
width: 18px;
|
||
height: 18px;
|
||
opacity: 1;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.mini-avatar .pcdn-icon.pcdn-hide[data-v-6dcccb0e] {
|
||
opacity: 0;
|
||
transform: translate(2px, 60px);
|
||
}
|
||
|
||
.mini-avatar .red-point[data-v-6dcccb0e] {
|
||
position: absolute;
|
||
z-index: 3;
|
||
right: 0;
|
||
top: 0;
|
||
width: 8px;
|
||
height: 8px;
|
||
border: 1px solid #fff;
|
||
background: #ff0000;
|
||
box-sizing: border-box;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.van-popper-avatar[data-v-6dcccb0e] {
|
||
background: #ffffff;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
width: 280px;
|
||
z-index: 1;
|
||
}
|
||
|
||
.van-popper-avatar .vp-container[data-v-6dcccb0e] {
|
||
min-height: 449px;
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.van-popper-avatar .big-avatar-container--default .avatar[data-v-6dcccb0e] {
|
||
top: -36px;
|
||
left: 100px;
|
||
}
|
||
|
||
.van-popper-avatar .big-avatar-container--default .has-decorate[data-v-6dcccb0e] {
|
||
top: -24px;
|
||
left: 114px;
|
||
}
|
||
|
||
.van-popper-avatar .big-avatar-container--nft .avatar[data-v-6dcccb0e] {
|
||
top: -36px;
|
||
left: 95px;
|
||
}
|
||
|
||
.van-popper-avatar .big-avatar-container--nft .has-decorate[data-v-6dcccb0e] {
|
||
top: -32px;
|
||
left: 111px;
|
||
}
|
||
|
||
.van-popper-avatar .avatar[data-v-6dcccb0e] {
|
||
cursor: pointer;
|
||
position: absolute;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.van-popper-avatar .has-decorate[data-v-6dcccb0e] {
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.van-popper-avatar .nickname[data-v-6dcccb0e] {
|
||
color: #212121;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.van-popper-avatar .vip[data-v-6dcccb0e] {
|
||
display: inline-block;
|
||
margin-top: 4px;
|
||
width: 66px;
|
||
text-align: center;
|
||
background-color: #fb7299;
|
||
color: #ffffff;
|
||
font-size: 12px;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.van-popper-avatar .vip[data-v-6dcccb0e]:hover {
|
||
color: #ffffff;
|
||
}
|
||
|
||
.van-popper-avatar .senior[data-v-6dcccb0e] {
|
||
display: inline-block;
|
||
margin-top: 4px;
|
||
margin-left: 5px;
|
||
width: 57px;
|
||
height: 17px;
|
||
border: 1px solid #00AEEC;
|
||
box-sizing: border-box;
|
||
border-radius: 2px;
|
||
font-weight: 500;
|
||
font-size: 12px;
|
||
color: #00AEEC;
|
||
text-align: center;
|
||
line-height: 16px;
|
||
}
|
||
|
||
.van-popper-avatar .level-intro[data-v-6dcccb0e] {
|
||
visibility: hidden;
|
||
opacity: 0;
|
||
position: absolute;
|
||
padding: 15px;
|
||
left: 279px;
|
||
background: #fff;
|
||
width: 240px;
|
||
font-size: 14px;
|
||
color: #212121;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
transition: 0.3s ease;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.van-popper-avatar .level-intro__title[data-v-6dcccb0e] {
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.van-popper-avatar .level-intro__content[data-v-6dcccb0e] {
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.van-popper-avatar .level-intro__link[data-v-6dcccb0e] {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.van-popper-avatar .level-intro .svg-icon[data-v-6dcccb0e] {
|
||
width: 13px;
|
||
height: 13px;
|
||
fill: #00a1d6;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.van-popper-avatar .level-content[data-v-6dcccb0e] {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
position: relative;
|
||
width: 100%;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.van-popper-avatar .level-content:hover .level-intro[data-v-6dcccb0e] {
|
||
visibility: visible;
|
||
opacity: 1;
|
||
}
|
||
|
||
.van-popper-avatar .level-info[data-v-6dcccb0e] {
|
||
margin: 20px 0 5px 0;
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.van-popper-avatar .level-info .grade[data-v-6dcccb0e] {
|
||
font-size: 14px;
|
||
color: #212121;
|
||
}
|
||
|
||
.van-popper-avatar .level-info .progress[data-v-6dcccb0e] {
|
||
font-size: 12px;
|
||
color: #999999;
|
||
}
|
||
|
||
.van-popper-avatar .level-info .hint[data-v-6dcccb0e] {
|
||
font-size: 12px;
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.van-popper-avatar .level-info .hint[data-v-6dcccb0e]:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.van-popper-avatar .level-link[data-v-6dcccb0e] {
|
||
height: 10px;
|
||
width: 240px;
|
||
}
|
||
|
||
.van-popper-avatar .level-bar[data-v-6dcccb0e] {
|
||
width: 240px;
|
||
height: 2px;
|
||
background-color: #f4f4f4;
|
||
position: relative;
|
||
margin: 4px 0;
|
||
}
|
||
|
||
.van-popper-avatar .level-bar .level-progress[data-v-6dcccb0e] {
|
||
position: absolute;
|
||
background: #f3cb85;
|
||
border-radius: 2px;
|
||
width: 80%;
|
||
height: 2px;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
.van-popper-avatar .logout[data-v-6dcccb0e] {
|
||
cursor: pointer;
|
||
width: 100%;
|
||
font-size: 14px;
|
||
color: #212121;
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 7px 0px;
|
||
}
|
||
|
||
.van-popper-avatar .logout span[data-v-6dcccb0e] {
|
||
width: 100%;
|
||
padding: 8px 23px;
|
||
transition: 0.3s ease;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.van-popper-avatar .logout span[data-v-6dcccb0e]:hover {
|
||
color: #212121;
|
||
background: #f4f4f4;
|
||
}
|
||
|
||
.van-popper-avatar .logout .svg-icon[data-v-6dcccb0e] {
|
||
width: 20px;
|
||
height: 20px;
|
||
margin-right: 8px;
|
||
vertical-align: middle;
|
||
fill: #757575;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.van-popper-avatar .coins[data-v-6dcccb0e] {
|
||
width: 100%;
|
||
border-bottom: 1px solid #f4f4f4;
|
||
padding: 14px 20px;
|
||
color: #212121;
|
||
}
|
||
|
||
.van-popper-avatar .coins .coins-container[data-v-6dcccb0e] {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.van-popper-avatar .coins .coins-icon[data-v-6dcccb0e] {
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .info[data-v-6dcccb0e] {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
position: relative;
|
||
}
|
||
|
||
.van-popper-avatar .coins .info .add-one-icon[data-v-6dcccb0e] {
|
||
width: 15px;
|
||
height: 15px;
|
||
left: 3px;
|
||
opacity: 0;
|
||
position: absolute;
|
||
}
|
||
|
||
.van-popper-avatar .coins .info .add-one-icon--show[data-v-6dcccb0e] {
|
||
animation: coin-jump-data-v-6dcccb0e 1s ease-in-out;
|
||
}
|
||
|
||
.van-popper-avatar .coins .info a[data-v-6dcccb0e] {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.van-popper-avatar .coins .info .login-award[data-v-6dcccb0e] {
|
||
color: #2cc06f;
|
||
position: absolute;
|
||
transition: 0.3s;
|
||
font-size: 12px;
|
||
opacity: 0;
|
||
top: -12px;
|
||
background: #fff;
|
||
padding: 4px 5px;
|
||
width: 82px;
|
||
z-index: -1;
|
||
}
|
||
|
||
.van-popper-avatar .coins .info .login-award--show[data-v-6dcccb0e] {
|
||
z-index: 1;
|
||
animation: login-award-show-data-v-6dcccb0e 3s ease-in-out 0s 1 alternate forwards;
|
||
}
|
||
|
||
.van-popper-avatar .coins .info .money[data-v-6dcccb0e] {
|
||
margin: 0px 20px 0 8px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact[data-v-6dcccb0e] {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact a[data-v-6dcccb0e] {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email[data-v-6dcccb0e],
|
||
.van-popper-avatar .coins .contact .phone[data-v-6dcccb0e] {
|
||
position: relative;
|
||
width: 23px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email[data-v-6dcccb0e] {
|
||
margin: 0px 4px 0 0;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email-tips[data-v-6dcccb0e] {
|
||
display: none;
|
||
right: 33px;
|
||
top: 0px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email-tips[data-v-6dcccb0e]:after {
|
||
content: '';
|
||
position: absolute;
|
||
width: 8px;
|
||
height: 8px;
|
||
background: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/arrow4.png);
|
||
right: -8px;
|
||
top: 5px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email:hover .email-tips[data-v-6dcccb0e] {
|
||
display: block;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .phone-tips[data-v-6dcccb0e] {
|
||
display: none;
|
||
left: 28px;
|
||
top: 0px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .phone-tips[data-v-6dcccb0e]:after {
|
||
content: '';
|
||
position: absolute;
|
||
width: 8px;
|
||
height: 8px;
|
||
background: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/arrow4.png);
|
||
left: -8px;
|
||
background-repeat: no-repeat;
|
||
background-position: 0px -31px;
|
||
top: 5px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .phone:hover .phone-tips[data-v-6dcccb0e] {
|
||
display: block;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email-icon[data-v-6dcccb0e] {
|
||
color: #c0c0c0;
|
||
font-size: 20px;
|
||
margin-right: 12px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .phone-icon[data-v-6dcccb0e] {
|
||
color: #c0c0c0;
|
||
font-size: 20px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email-icon--bind[data-v-6dcccb0e],
|
||
.van-popper-avatar .coins .contact .phone-icon--bind[data-v-6dcccb0e] {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .email-mark[data-v-6dcccb0e],
|
||
.van-popper-avatar .coins .contact .phone-mark[data-v-6dcccb0e] {
|
||
position: absolute;
|
||
width: 6px;
|
||
height: 6px;
|
||
background: #fa5a57;
|
||
border-radius: 50%;
|
||
left: 15px;
|
||
top: 3px;
|
||
}
|
||
|
||
.van-popper-avatar .coins .contact .contact-tips[data-v-6dcccb0e] {
|
||
font-size: 12px;
|
||
padding: 0 6px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
border: 1px solid #ccc;
|
||
border-radius: 4px;
|
||
position: absolute;
|
||
white-space: nowrap;
|
||
background-color: #fff;
|
||
color: #222;
|
||
z-index: 10;
|
||
}
|
||
|
||
.van-popper-avatar .coins .hint a[data-v-6dcccb0e] {
|
||
margin-top: 8px;
|
||
font-size: 12px;
|
||
color: #00a1d6;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.van-popper-avatar .coins .hint a[data-v-6dcccb0e]:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.van-popper-avatar .counts[data-v-6dcccb0e] {
|
||
height: 58px;
|
||
width: 100%;
|
||
border-bottom: 1px solid #f4f4f4;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.van-popper-avatar .count-item[data-v-6dcccb0e] {
|
||
text-align: center;
|
||
flex: 1;
|
||
}
|
||
|
||
.van-popper-avatar .count-item .item-key[data-v-6dcccb0e] {
|
||
font-size: 12px;
|
||
color: #999;
|
||
}
|
||
|
||
.van-popper-avatar .count-item .item-value[data-v-6dcccb0e] {
|
||
font-size: 16px;
|
||
color: #212121;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: 600;
|
||
height: 20px;
|
||
}
|
||
|
||
.van-popper-avatar .count-item .item-unit[data-v-6dcccb0e] {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.van-popper-avatar .count-item:hover .item-key[data-v-6dcccb0e],
|
||
.van-popper-avatar .count-item:hover .item-value[data-v-6dcccb0e] {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.van-popper-avatar .pcdn-link[data-v-6dcccb0e] {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 0 23px 0 26px;
|
||
width: 100%;
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
line-height: 40px;
|
||
background: #dff6fd;
|
||
color: #00aeec;
|
||
}
|
||
|
||
.van-popper-avatar .pcdn-link-wrapper[data-v-6dcccb0e] {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.van-popper-avatar .pcdn-link-wrapper .pcdn-icon[data-v-6dcccb0e] {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
|
||
.van-popper-avatar .pcdn-link-wrapper span[data-v-6dcccb0e] {
|
||
margin-left: 6px;
|
||
}
|
||
|
||
.van-popper-avatar .links[data-v-6dcccb0e] {
|
||
width: 100%;
|
||
border-bottom: 1px solid #f4f4f4;
|
||
padding: 7px 0;
|
||
}
|
||
|
||
.van-popper-avatar .links .link-item[data-v-6dcccb0e] {
|
||
position: relative;
|
||
cursor: pointer;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
transition: 0.3s ease;
|
||
padding: 8px 23px;
|
||
}
|
||
|
||
.van-popper-avatar .links .link-item[data-v-6dcccb0e]:hover {
|
||
background: #f4f4f4;
|
||
}
|
||
|
||
.van-popper-avatar .links .link-item:hover .sub-links[data-v-6dcccb0e] {
|
||
visibility: visible;
|
||
opacity: 1;
|
||
}
|
||
|
||
.van-popper-avatar .links .link-title[data-v-6dcccb0e] {
|
||
font-size: 14px;
|
||
color: #212121;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.van-popper-avatar .links .light-gray[data-v-6dcccb0e] {
|
||
color: #979797;
|
||
}
|
||
|
||
.van-popper-avatar .links .sub-links[data-v-6dcccb0e] {
|
||
visibility: hidden;
|
||
position: absolute;
|
||
left: 279px;
|
||
padding: 12px 0;
|
||
border-radius: 2px;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
white-space: nowrap;
|
||
background: #fff;
|
||
opacity: 0;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.van-popper-avatar .links .link-red-tip[data-v-6dcccb0e] {
|
||
margin-left: 6px;
|
||
padding: 0 6px;
|
||
line-height: 20px;
|
||
font-size: 12px;
|
||
border-radius: 4px;
|
||
background: #f85a54;
|
||
color: #fff;
|
||
}
|
||
|
||
.van-popper-avatar .links .link-append-icon[data-v-6dcccb0e] {
|
||
margin-left: 6px;
|
||
}
|
||
|
||
.van-popper-avatar .link-icon[data-v-6dcccb0e] {
|
||
font-size: 24px;
|
||
vertical-align: middle;
|
||
color: #979797;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.van-popper-avatar .link-icon-more[data-v-6dcccb0e] {
|
||
font-size: 16px;
|
||
vertical-align: middle;
|
||
color: #979797;
|
||
}
|
||
|
||
@keyframes login-award-show-data-v-6dcccb0e {
|
||
0% {
|
||
top: -12px;
|
||
opacity: 0;
|
||
}
|
||
20% {
|
||
top: 0px;
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
top: 0px;
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
top: 0px;
|
||
opacity: 0;
|
||
z-index: -1;
|
||
}
|
||
}
|
||
|
||
@keyframes coin-jump-data-v-6dcccb0e {
|
||
0% {
|
||
transform: translateY(0px) rotate(0deg);
|
||
opacity: 0;
|
||
}
|
||
50% {
|
||
transform: translateY(-50px) rotateY(-360deg);
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
transform: translateY(0px) rotateY(0deg);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popover.van-popper.van-popper-avatar {
|
||
padding: 0;
|
||
border: none;
|
||
top: 50px !important;
|
||
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px !important;
|
||
width: 280px !important;
|
||
}
|
||
</style>
|
||
<style type="text/css">li[data-v-3f6279c7] {
|
||
list-style: none;
|
||
color: #222;
|
||
}
|
||
|
||
a[data-v-3f6279c7] {
|
||
text-decoration: none;
|
||
-webkit-transition: color 0.2s;
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
.nav-item[data-v-3f6279c7] {
|
||
float: left;
|
||
text-align: center;
|
||
/*line-height: 42px;*/
|
||
/*height: 42px;*/
|
||
position: relative;
|
||
background-color: rgba(255, 255, 255, 0);
|
||
-webkit-transition: all 0.3s;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
.t[data-v-3f6279c7] {
|
||
color: inherit;
|
||
height: 100%;
|
||
display: block;
|
||
}
|
||
|
||
.bp-red-point[data-v-3f6279c7] {
|
||
height: 6px;
|
||
width: 6px;
|
||
border-radius: 100%;
|
||
position: absolute;
|
||
top: -2px;
|
||
right: -5px;
|
||
/*left: 20px;*/
|
||
background-color: #FA5A57;
|
||
}
|
||
|
||
.num[data-v-3f6279c7] {
|
||
min-width: 16px;
|
||
height: 16px;
|
||
padding: 0 3px;
|
||
border-radius: 8px;
|
||
line-height: 16px;
|
||
font-size: 12px;
|
||
text-align: center;
|
||
color: #fff;
|
||
position: absolute;
|
||
top: -7px;
|
||
right: -10px;
|
||
/*left: 20px;*/
|
||
z-index: 30;
|
||
background-color: #FA5A57;
|
||
}
|
||
|
||
.slide-fade-enter-active[data-v-3f6279c7] {
|
||
-webkit-transition: all 0.2s ease;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.slide-fade-leave-active[data-v-3f6279c7] {
|
||
-webkit-transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
|
||
transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
|
||
}
|
||
|
||
.slide-fade-enter[data-v-3f6279c7],
|
||
.slide-fade-leave-to[data-v-3f6279c7] {
|
||
-webkit-transform: translateY(-5px);
|
||
transform: translateY(-5px);
|
||
opacity: 0;
|
||
}
|
||
|
||
.i-frame[data-v-3f6279c7] {
|
||
position: absolute;
|
||
width: 382px;
|
||
height: 540px;
|
||
top: 100% !important;
|
||
left: 0 !important;
|
||
left: calc(50% - 191px) !important;
|
||
background: transparent;
|
||
/*box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px;*/
|
||
border-radius: 2px;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.i-frame[data-v-3f6279c7]::before {
|
||
content: '';
|
||
width: 10px;
|
||
height: 10px;
|
||
display: block;
|
||
position: absolute;
|
||
top: 9px;
|
||
left: calc(50% - 5px) !important;
|
||
-webkit-transform: rotate(45deg);
|
||
transform: rotate(45deg);
|
||
background-color: white;
|
||
-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
|
||
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
|
||
z-index: 1;
|
||
}
|
||
|
||
.i-frame iframe[data-v-3f6279c7] {
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
height: 528px;
|
||
/*padding: 0 10px 10px;*/
|
||
background: transparent;
|
||
}
|
||
|
||
.bp-dynamic-header-icon[data-v-3f6279c7] {
|
||
display: inline-block;
|
||
width: 28px;
|
||
height: 100%;
|
||
}
|
||
</style>
|
||
<style type="text/css">.video-card-img .default-img[data-v-0ccc437b] {
|
||
flex-shrink: 0;
|
||
width: 108px;
|
||
height: 61px;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.video-card-img .article-img[data-v-0ccc437b] {
|
||
flex-shrink: 0;
|
||
width: 81px;
|
||
height: 61px;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.video-card-img .square-img[data-v-0ccc437b] {
|
||
flex-shrink: 0;
|
||
width: 61px;
|
||
height: 61px;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.audio-card[data-v-0ccc437b] {
|
||
width: 61px;
|
||
height: 61px;
|
||
position: relative;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.duration-tag[data-v-0ccc437b] {
|
||
position: absolute;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
bottom: 4px;
|
||
right: 4px;
|
||
font-size: 12px;
|
||
border-radius: 1px;
|
||
padding: 0px 2px;
|
||
color: #fff;
|
||
}
|
||
|
||
.state-tag[data-v-0ccc437b] {
|
||
position: absolute;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
bottom: 4px;
|
||
right: 4px;
|
||
font-size: 12px;
|
||
border-radius: 2px;
|
||
padding: 0px 2px;
|
||
color: #fff;
|
||
}
|
||
</style>
|
||
<style type="text/css">.header-video-card[data-v-7f8e09fd] {
|
||
display: flex;
|
||
flex-shrink: 0;
|
||
padding: 8px 5px 8px 20px;
|
||
height: 77px;
|
||
cursor: pointer;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.header-video-card[data-v-7f8e09fd]:hover {
|
||
background-color: #F4F4F4;
|
||
}
|
||
|
||
.header-video-card .video-preview[data-v-7f8e09fd] {
|
||
position: relative;
|
||
text-align: center;
|
||
}
|
||
|
||
.header-video-card .multiple-preview[data-v-7f8e09fd] {
|
||
width: 108px;
|
||
height: 61px;
|
||
}
|
||
|
||
.header-video-card .badge[data-v-7f8e09fd] {
|
||
position: absolute;
|
||
top: 4px;
|
||
right: 4px;
|
||
padding: 0 3px;
|
||
height: 16px;
|
||
line-height: 16px;
|
||
border-radius: 1px;
|
||
color: #ffffff;
|
||
text-align: center;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.header-video-card .badge-red[data-v-7f8e09fd] {
|
||
background: #FB7299;
|
||
}
|
||
|
||
.header-video-card .badge-gray[data-v-7f8e09fd] {
|
||
background: rgba(0, 0, 0, 0.5);
|
||
}
|
||
|
||
.header-video-card .bar[data-v-7f8e09fd] {
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 3px;
|
||
border-radius: 0 0 2px 2px;
|
||
background: #757575;
|
||
}
|
||
|
||
.header-video-card .progress[data-v-7f8e09fd] {
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
max-width: 100%;
|
||
height: 3px;
|
||
border-radius: 0 0 2px 2px;
|
||
background: #FB7299;
|
||
}
|
||
|
||
.header-video-card .video-info[data-v-7f8e09fd] {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-shrink: 0;
|
||
justify-content: space-between;
|
||
margin-left: 12px;
|
||
}
|
||
|
||
.header-video-card .video-info .line-2[data-v-7f8e09fd] {
|
||
max-width: 210px;
|
||
height: 37px;
|
||
color: #212121;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
display: -webkit-box;
|
||
overflow: hidden;
|
||
/*! autoprefixer: ignore next */
|
||
-webkit-box-orient: vertical;
|
||
text-overflow: -o-ellipsis-lastline;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 2;
|
||
}
|
||
|
||
.header-video-card .video-info .bilifont[data-v-7f8e09fd] {
|
||
color: #999;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.header-video-card .video-info .line-1[data-v-7f8e09fd] {
|
||
overflow: hidden;
|
||
margin-right: 15px;
|
||
max-width: 210px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-weight: 500;
|
||
color: #212121;
|
||
}
|
||
|
||
.header-video-card .video-info .desc[data-v-7f8e09fd] {
|
||
overflow: hidden;
|
||
max-width: 210px;
|
||
color: #505050;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.header-video-card .video-info .info[data-v-7f8e09fd] {
|
||
display: flex;
|
||
color: #999999;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.header-video-card .video-info .info .history-device[data-v-7f8e09fd] {
|
||
margin-right: 2px;
|
||
}
|
||
|
||
.header-video-card .video-info .info--history[data-v-7f8e09fd] {
|
||
margin-right: 16px;
|
||
}
|
||
|
||
.header-video-card .video-info .info .ep_title[data-v-7f8e09fd] {
|
||
display: inline-block;
|
||
max-width: 210px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.header-video-card .video-info .up[data-v-7f8e09fd] {
|
||
overflow: hidden;
|
||
margin-right: 15px;
|
||
max-width: 110px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popper-history[data-v-4da522e9] {
|
||
background: #ffffff;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
width: 370px;
|
||
}
|
||
|
||
.van-popper-history .vp-container[data-v-4da522e9] {
|
||
width: 100%;
|
||
min-width: 370px;
|
||
height: 518px;
|
||
}
|
||
|
||
.van-popper-history .tab-header[data-v-4da522e9] {
|
||
height: 50px;
|
||
display: flex;
|
||
align-items: center;
|
||
border-bottom: 1px solid #f4f4f4;
|
||
}
|
||
|
||
.van-popper-history .tab-item[data-v-4da522e9] {
|
||
cursor: pointer;
|
||
font-size: 12px;
|
||
margin: 0 7px;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.van-popper-history .tab-item[data-v-4da522e9]:first-child {
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.van-popper-history .tab-item[data-v-4da522e9]:hover {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.van-popper-history .tab-item--active[data-v-4da522e9] {
|
||
background-color: #00a1d6;
|
||
color: #ffffff;
|
||
border-radius: 12px;
|
||
padding: 4px 10px;
|
||
}
|
||
|
||
.van-popper-history .tab-item--active[data-v-4da522e9]:hover {
|
||
color: #ffffff;
|
||
}
|
||
|
||
.van-popper-history .panel[data-v-4da522e9] {
|
||
height: 468px;
|
||
overflow-y: auto;
|
||
overscroll-behavior: none;
|
||
}
|
||
|
||
.van-popper-history .empty-panel[data-v-4da522e9] {
|
||
height: 468px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #999999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.van-popper-history .date-title[data-v-4da522e9] {
|
||
font-size: 12px;
|
||
color: #999999;
|
||
padding: 15px 0px 4px 20px;
|
||
}
|
||
|
||
.van-popper-history .view-all[data-v-4da522e9] {
|
||
display: block;
|
||
cursor: pointer;
|
||
width: 330px;
|
||
height: 32px;
|
||
line-height: 32px;
|
||
text-align: center;
|
||
background: #f4f4f4;
|
||
font-size: 14px;
|
||
color: #212121;
|
||
margin: 16px auto;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.van-popper-history .view-all[data-v-4da522e9]:hover {
|
||
color: #212121;
|
||
background: #e7e7e7;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popover.van-popper.van-popper-history {
|
||
padding: 0;
|
||
border: none;
|
||
top: 44px !important;
|
||
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px !important;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popper-upload[data-v-622087f0] {
|
||
background: #ffffff;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
width: 380px;
|
||
}
|
||
|
||
.van-popper-upload .vp-container[data-v-622087f0] {
|
||
width: 100%;
|
||
height: 78px;
|
||
display: flex;
|
||
}
|
||
|
||
.van-popper-upload .upload-item[data-v-622087f0] {
|
||
cursor: pointer;
|
||
width: 76px;
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: 0.2s ease;
|
||
}
|
||
|
||
.van-popper-upload .upload-item[data-v-622087f0]:hover {
|
||
background-color: #f4f4f4;
|
||
color: #212121;
|
||
}
|
||
|
||
.van-popper-upload .item-title[data-v-622087f0] {
|
||
margin-top: 6px;
|
||
}
|
||
|
||
.bilifont[data-v-622087f0] {
|
||
vertical-align: middle;
|
||
color: #757575;
|
||
font-size: 26px;
|
||
}
|
||
|
||
.mini-upload[data-v-622087f0] {
|
||
cursor: pointer;
|
||
position: relative;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
display: block;
|
||
width: 100px;
|
||
height: 36px;
|
||
line-height: 36px;
|
||
text-align: center;
|
||
background: #fb7299;
|
||
border-radius: 2px;
|
||
margin-left: 14px;
|
||
}
|
||
|
||
.mini-upload[data-v-622087f0]:hover {
|
||
color: #fff;
|
||
}
|
||
|
||
@media screen and (max-width: 1122px) {
|
||
.mini-upload[data-v-622087f0] {
|
||
width: 60px;
|
||
}
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popover.van-popper.van-popper-upload {
|
||
padding: 0;
|
||
border: none;
|
||
top: 44px !important;
|
||
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px !important;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popper-favorite[data-v-07e9b45c] {
|
||
width: 520px;
|
||
border-radius: 2px;
|
||
background: #ffffff;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
.van-popper-favorite .vp-container[data-v-07e9b45c] {
|
||
position: relative;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
width: 100%;
|
||
min-width: 520px;
|
||
height: 518px;
|
||
}
|
||
|
||
.van-popper-favorite .tabs-panel[data-v-07e9b45c] {
|
||
overflow-y: auto;
|
||
flex-shrink: 0;
|
||
padding: 12px 0;
|
||
width: 149px;
|
||
height: 100%;
|
||
border-right: 1px solid #e7e7e7;
|
||
overscroll-behavior: none;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item[data-v-07e9b45c] {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 16px;
|
||
height: 46px;
|
||
cursor: pointer;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item .title[data-v-07e9b45c] {
|
||
overflow: hidden;
|
||
width: 85px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item .num[data-v-07e9b45c] {
|
||
word-break: normal;
|
||
color: #999;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item__all[data-v-07e9b45c] {
|
||
display: block;
|
||
padding: 12px 0;
|
||
width: 100%;
|
||
color: #505050;
|
||
text-align: center;
|
||
font-size: 12px;
|
||
transition: 0.3 ease;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item__all[data-v-07e9b45c]:hover {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item--normal[data-v-07e9b45c] {
|
||
color: #212121;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item--normal[data-v-07e9b45c]:hover {
|
||
background-color: #f4f4f4;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item--active[data-v-07e9b45c] {
|
||
background-color: #00a1d6;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.van-popper-favorite .tab-item--active .num[data-v-07e9b45c] {
|
||
color: #ffffff;
|
||
}
|
||
|
||
.van-popper-favorite .favorite-video-panel[data-v-07e9b45c] {
|
||
padding-top: 12px;
|
||
height: 100%;
|
||
}
|
||
|
||
.van-popper-favorite .favorite-video-list[data-v-07e9b45c] {
|
||
overflow-y: auto;
|
||
width: 370px;
|
||
height: calc(100% - 46px);
|
||
overscroll-behavior: none;
|
||
}
|
||
|
||
.van-popper-favorite .empty-list[data-v-07e9b45c] {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 370px;
|
||
height: calc(100% - 46px);
|
||
color: #999999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.van-popper-favorite .play-view-all[data-v-07e9b45c] {
|
||
display: flex;
|
||
}
|
||
|
||
.van-popper-favorite .view-all[data-v-07e9b45c] {
|
||
display: block;
|
||
width: 100%;
|
||
background: #fff;
|
||
color: #212121;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
line-height: 46px;
|
||
cursor: pointer;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.van-popper-favorite .view-all[data-v-07e9b45c]:hover {
|
||
background-color: #f4f4f4;
|
||
}
|
||
|
||
.van-popper-favorite .play-all[data-v-07e9b45c] {
|
||
bottom: 0;
|
||
display: block;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
border-top: 1px solid #e7e7e7;
|
||
background-color: #fff;
|
||
color: #00a1d6;
|
||
line-height: 45px;
|
||
cursor: pointer;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.van-popper-favorite .play-all[data-v-07e9b45c]:hover {
|
||
background-color: #f4f4f4;
|
||
}
|
||
|
||
.van-popper-favorite .play-all .bilifont[data-v-07e9b45c] {
|
||
margin-right: 10px;
|
||
color: #00a1d6 !important;
|
||
font-size: 14px !important;
|
||
}
|
||
|
||
.van-popper-favorite .play-all.view[data-v-07e9b45c] {
|
||
color: #212121;
|
||
}
|
||
|
||
.favorite-icon[data-v-07e9b45c] {
|
||
z-index: 9999;
|
||
width: 20px;
|
||
height: 20px;
|
||
color: #00a1d6;
|
||
vertical-align: middle;
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.ugc-season-card[data-v-07e9b45c] {
|
||
display: flex;
|
||
flex-shrink: 0;
|
||
padding: 8px 5px 8px 20px;
|
||
height: 77px;
|
||
cursor: not-allowed;
|
||
transition: 0.3s ease;
|
||
position: relative;
|
||
}
|
||
|
||
.ugc-season-card .season-img[data-v-07e9b45c] {
|
||
width: 108px;
|
||
height: 61px;
|
||
}
|
||
|
||
.ugc-season-card .season-icon[data-v-07e9b45c] {
|
||
background: rgba(0, 0, 0, 0.5);
|
||
border-radius: 2px;
|
||
position: absolute;
|
||
width: 16px;
|
||
height: 16px;
|
||
left: 108px;
|
||
bottom: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.ugc-season-card .season-icon > img[data-v-07e9b45c] {
|
||
width: 12px;
|
||
height: 12px;
|
||
}
|
||
|
||
.ugc-season-card .season-info[data-v-07e9b45c] {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-shrink: 0;
|
||
justify-content: space-between;
|
||
margin-left: 12px;
|
||
}
|
||
|
||
.ugc-season-card .season-info__title[data-v-07e9b45c] {
|
||
max-width: 210px;
|
||
height: 37px;
|
||
color: #212121;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
display: -webkit-box;
|
||
overflow: hidden;
|
||
/*! autoprefixer: ignore next */
|
||
-webkit-box-orient: vertical;
|
||
text-overflow: -o-ellipsis-lastline;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 2;
|
||
}
|
||
|
||
.ugc-season-card .season-info__up[data-v-07e9b45c] {
|
||
overflow: hidden;
|
||
margin-right: 15px;
|
||
max-width: 210px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-size: 12px;
|
||
color: #999;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popover {
|
||
position: absolute;
|
||
left: 300px;
|
||
}
|
||
|
||
.van-popover.van-popper.van-popper-favorite {
|
||
top: 44px !important;
|
||
padding: 0;
|
||
border: none;
|
||
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px !important;
|
||
}
|
||
</style>
|
||
<style type="text/css">li[data-v-01c9e08c] {
|
||
list-style: none;
|
||
color: #222;
|
||
}
|
||
|
||
ul[data-v-01c9e08c] {
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
a[data-v-01c9e08c] {
|
||
text-decoration: none;
|
||
-webkit-transition: color 0.2s;
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
.nav-item[data-v-01c9e08c] {
|
||
float: left;
|
||
text-align: center;
|
||
/*line-height: 42px;*/
|
||
/*height: 42px;*/
|
||
position: relative;
|
||
background-color: rgba(255, 255, 255, 0);
|
||
-webkit-transition: all 0.3s;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
.nav-item *[data-v-01c9e08c] {
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.t[data-v-01c9e08c] {
|
||
color: inherit;
|
||
height: 100%;
|
||
display: block;
|
||
/*padding: 0 11px;*/
|
||
}
|
||
|
||
.num[data-v-01c9e08c] {
|
||
min-width: 16px;
|
||
height: 16px;
|
||
padding: 0 3px;
|
||
border-radius: 8px;
|
||
line-height: 16px;
|
||
font-size: 12px;
|
||
text-align: center;
|
||
color: #fff;
|
||
position: absolute;
|
||
top: -7px;
|
||
right: -10px;
|
||
/*left: 20px;*/
|
||
z-index: 30;
|
||
background-color: #FA5A57;
|
||
}
|
||
|
||
.red_point[data-v-01c9e08c] {
|
||
height: 6px;
|
||
width: 6px;
|
||
border-radius: 100%;
|
||
position: absolute;
|
||
top: -2px;
|
||
right: -5px;
|
||
/*left: 20px;*/
|
||
background-color: #FA5A57;
|
||
}
|
||
|
||
.notify-float[data-v-01c9e08c] {
|
||
position: absolute;
|
||
width: 260px;
|
||
top: 100% !important;
|
||
left: 0 !important;
|
||
left: calc(50% - 130px) !important;
|
||
padding-top: 7px;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
font-size: 14px;
|
||
color: #212121;
|
||
}
|
||
|
||
.notify-float[data-v-01c9e08c]::before {
|
||
content: '';
|
||
width: 10px;
|
||
height: 10px;
|
||
display: block;
|
||
position: absolute;
|
||
top: 2px;
|
||
left: calc(50% - 5px) !important;
|
||
-webkit-transform: rotate(45deg);
|
||
transform: rotate(45deg);
|
||
background-color: white;
|
||
-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
|
||
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
|
||
z-index: 1;
|
||
}
|
||
|
||
.notify-float .float_msg[data-v-01c9e08c] {
|
||
background: #FFFFFF;
|
||
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
padding-left: 12px;
|
||
position: relative;
|
||
line-height: 30px;
|
||
}
|
||
|
||
.notify-float .float_msg > div[data-v-01c9e08c] {
|
||
width: 100%;
|
||
display: inline-block;
|
||
}
|
||
|
||
.notify-float .float_msg > div span[data-v-01c9e08c] {
|
||
cursor: pointer;
|
||
color: #00A1D6;
|
||
}
|
||
|
||
.notify-float .float_msg > i[data-v-01c9e08c] {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 15px;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
width: 16px;
|
||
height: 100%;
|
||
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4MDYwOTAzODMyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyODAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTEyIDQ0NC4xNmwyMDMuNjQ4LTIwMy43MTJhNDggNDggMCAwIDEgNjcuODQgNjcuOTA0TDU3OS45NjggNTEybDIwMy42NDggMjAzLjY0OGE0OCA0OCAwIDAgMS02Ny45MDQgNjcuODRMNTEyIDU3OS45NjhsLTIwMy42NDggMjAzLjY0OGE0OCA0OCAwIDAgMS02Ny44NC02Ny45MDRMNDQ0LjAzMiA1MTIgMjQwLjQ0OCAzMDguMzUyYTQ4IDQ4IDAgMSAxIDY3LjkwNC02Ny44NEw1MTIgNDQ0LjAzMnoiIHAtaWQ9IjIyODEiIGZpbGw9IiM5OTk5OTkiPjwvcGF0aD48L3N2Zz4K) center / contain no-repeat;
|
||
}
|
||
|
||
.notify-float .float_msg > i[data-v-01c9e08c]:hover {
|
||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU4MDYwOTAzODMyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyODAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTEyIDQ0NC4xNmwyMDMuNjQ4LTIwMy43MTJhNDggNDggMCAwIDEgNjcuODQgNjcuOTA0TDU3OS45NjggNTEybDIwMy42NDggMjAzLjY0OGE0OCA0OCAwIDAgMS02Ny45MDQgNjcuODRMNTEyIDU3OS45NjhsLTIwMy42NDggMjAzLjY0OGE0OCA0OCAwIDAgMS02Ny44NC02Ny45MDRMNDQ0LjAzMiA1MTIgMjQwLjQ0OCAzMDguMzUyYTQ4IDQ4IDAgMSAxIDY3LjkwNC02Ny44NEw1MTIgNDQ0LjAzMnoiIHAtaWQ9IjIyODEiIGZpbGw9IiMwMGExZDYiPjwvcGF0aD48L3N2Zz4K);
|
||
}
|
||
|
||
.slide-fade-enter-active[data-v-01c9e08c] {
|
||
-webkit-transition: all 0.2s ease;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.slide-fade-leave-active[data-v-01c9e08c] {
|
||
-webkit-transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
|
||
transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
|
||
}
|
||
|
||
.slide-fade-enter[data-v-01c9e08c],
|
||
.slide-fade-leave-to[data-v-01c9e08c] {
|
||
-webkit-transform: translateY(-5px);
|
||
transform: translateY(-5px);
|
||
opacity: 0;
|
||
}
|
||
|
||
.i-frame[data-v-01c9e08c] {
|
||
position: absolute;
|
||
width: 172px;
|
||
height: 205px;
|
||
top: 100% !important;
|
||
left: 0 !important;
|
||
left: calc(50% - 86px) !important;
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.i-frame[data-v-01c9e08c]::before {
|
||
content: '';
|
||
width: 10px;
|
||
height: 10px;
|
||
display: block;
|
||
position: absolute;
|
||
top: 9px;
|
||
left: calc(50% - 5px) !important;
|
||
-webkit-transform: rotate(45deg);
|
||
transform: rotate(45deg);
|
||
background-color: white;
|
||
-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
|
||
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
|
||
z-index: 1;
|
||
}
|
||
|
||
.i-frame iframe[data-v-01c9e08c] {
|
||
background: #FFF;
|
||
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
width: 100%;
|
||
height: 100%;
|
||
height: calc(100% + 7px);
|
||
}
|
||
|
||
.bp-im-header-icon[data-v-01c9e08c] {
|
||
display: inline-block;
|
||
width: 28px;
|
||
height: 100%;
|
||
}
|
||
</style>
|
||
<style type="text/css">/* stylelint-disable */
|
||
.vip-m {
|
||
width: 260px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional {
|
||
padding: 14px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .title {
|
||
color: #212121;
|
||
font-size: 14px;
|
||
margin: 5px 0 12px;
|
||
font-weight: 900;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col .item {
|
||
display: inline-block;
|
||
margin-bottom: 7px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col .item .pic {
|
||
display: inline-block;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col .item img {
|
||
border-radius: 2px;
|
||
background: #ccc;
|
||
display: block;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col .item .recommand-link {
|
||
margin-top: 10px;
|
||
font-size: 14px;
|
||
color: #222222;
|
||
text-align: left;
|
||
display: -webkit-box;
|
||
/* autoprefixer: ignore next */
|
||
-webkit-box-orient: vertical;
|
||
text-overflow: -o-ellipsis-lastline;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 2;
|
||
line-height: 18px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col .item .recommand-link:hover {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-1 .item {
|
||
width: 100%;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-1 img {
|
||
width: 230px;
|
||
height: 68px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-2 {
|
||
display: flex;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-2 .item {
|
||
width: 50%;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-2 .item:nth-child(2) {
|
||
text-align: right;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-2 .item:nth-child(2) .recommand-link {
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-2 img {
|
||
width: 107px;
|
||
height: 143px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-3 {
|
||
display: flex;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-3 .item {
|
||
width: 33%;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-3 .item:nth-child(2) {
|
||
text-align: center;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-3 .item:nth-child(2) .recommand-link {
|
||
margin-left: 3px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-3 .item:nth-child(3) {
|
||
text-align: right;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-3 .item:nth-child(3) .recommand-link {
|
||
margin-left: 4px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .recommand .bubble-col.bubble-col-3 img {
|
||
width: 72px;
|
||
height: 94px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .notify {
|
||
border-top: 1px solid #f0f0f0;
|
||
padding: 11px 0 4px 0;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .notify .notify-list {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .notify .notify-list li {
|
||
margin-top: 18px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .notify .notify-list li:first-child {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .notify .notify-list li a {
|
||
color: #222;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .notify .notify-list li a:hover {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .notify .notify-list li .icon {
|
||
color: #fb7299;
|
||
border: 1px solid #fb7299;
|
||
width: 32px;
|
||
height: 16px;
|
||
line-height: 16px;
|
||
border-radius: 3px;
|
||
text-align: center;
|
||
display: inline-block;
|
||
box-sizing: border-box;
|
||
margin-right: 6px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .renew-btn {
|
||
margin-top: 20px;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .renew-btn button {
|
||
width: 160px;
|
||
height: 32px;
|
||
background: #00a1d6;
|
||
color: #fff;
|
||
border: none;
|
||
border-radius: 2px;
|
||
cursor: pointer;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .renew-btn button:hover {
|
||
background: #00b5e5;
|
||
}
|
||
|
||
.vip-m .bubble-traditional .renew-btn .cash {
|
||
position: absolute;
|
||
right: 25px;
|
||
top: -10px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 50px;
|
||
height: 20px;
|
||
font-size: 12px;
|
||
background: #f25d8e;
|
||
color: #fff;
|
||
border: 2px solid #fff;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
/* stylelint-enable */
|
||
</style>
|
||
<style type="text/css">.van-popper-favorite[data-v-07f83615] {
|
||
background: #FFFFFF;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
width: 280px;
|
||
}
|
||
|
||
.vip-icon[data-v-07f83615] {
|
||
width: 28px;
|
||
height: 28px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.title[data-v-07f83615] {
|
||
font-size: 14px;
|
||
color: #212121;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.recommend[data-v-07f83615] {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.recommend-item[data-v-07f83615] {
|
||
flex-shrink: 0;
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.recommend-item img[data-v-07f83615] {
|
||
width: 114px;
|
||
height: 153px;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.recommend-item span[data-v-07f83615] {
|
||
margin-top: 8px;
|
||
width: 114px;
|
||
font-size: 14px;
|
||
flex-wrap: wrap;
|
||
color: #212121;
|
||
}
|
||
|
||
.vip-btn[data-v-07f83615] {
|
||
margin: 0 auto;
|
||
width: 158px;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
text-align: center;
|
||
background-color: #00A1D6;
|
||
color: #fff;
|
||
margin-top: 20px;
|
||
border-radius: 2px;
|
||
transition: 0.3s ease;
|
||
}
|
||
|
||
.vip-btn[data-v-07f83615]:hover,
|
||
.vip-btn[data-v-07f83615]:focus {
|
||
background-color: #00b5e5;
|
||
color: #fff;
|
||
border-color: #00b5e5;
|
||
}
|
||
|
||
.mini-vip[data-v-07f83615] {
|
||
position: relative;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popover.van-popper.van-popper-vip {
|
||
padding: 0;
|
||
border: none;
|
||
top: 44px !important;
|
||
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px !important;
|
||
}
|
||
</style>
|
||
<style type="text/css">.content[data-v-38236bf2] {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.content > *[data-v-38236bf2] {
|
||
width: 162px;
|
||
height: 26px;
|
||
margin-bottom: 14px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.content .lt-icon[data-v-38236bf2] {
|
||
width: 26px;
|
||
height: 26px;
|
||
background-size: contain;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
}
|
||
|
||
.content .lt-icon.icon-video[data-v-38236bf2] {
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/video.png);
|
||
}
|
||
|
||
.content .lt-icon.icon-time[data-v-38236bf2] {
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/time.png);
|
||
}
|
||
|
||
.content .lt-icon.icon-danmaku[data-v-38236bf2] {
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/danmaku.png);
|
||
}
|
||
|
||
.content .lt-icon.icon-hd[data-v-38236bf2] {
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/hd.png);
|
||
}
|
||
|
||
.content .lt-text[data-v-38236bf2] {
|
||
margin-left: 6px;
|
||
font-size: 14px;
|
||
line-height: 14px;
|
||
color: #212121;
|
||
}
|
||
</style>
|
||
<style type="text/css">.lt-row[data-v-2ec6cfba] {
|
||
position: fixed;
|
||
bottom: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
z-index: 10000;
|
||
}
|
||
|
||
.lt-row .lt-col[data-v-2ec6cfba] {
|
||
width: 1630px;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
height: 1px;
|
||
position: relative;
|
||
bottom: -1px;
|
||
}
|
||
|
||
@media screen and (max-width: 1870px) {
|
||
.lt-row > .lt-col[data-v-2ec6cfba] {
|
||
width: 1414px;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 1654px) {
|
||
.lt-row > .lt-col[data-v-2ec6cfba] {
|
||
width: 1198px;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 1438px) {
|
||
.lt-row > .lt-col[data-v-2ec6cfba] {
|
||
width: 999px;
|
||
}
|
||
}
|
||
|
||
.login-tip[data-v-2ec6cfba] {
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
top: -224px;
|
||
background: linear-gradient(99.4deg, #00a3ff 0.43%, #00b6f7 99.04%);
|
||
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 10px;
|
||
width: 360px;
|
||
height: 149px;
|
||
padding: 18px;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.login-tip .close[data-v-2ec6cfba] {
|
||
position: absolute;
|
||
top: 14px;
|
||
right: 14px;
|
||
width: 14px;
|
||
height: 14px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.login-tip .title[data-v-2ec6cfba] {
|
||
font-family: PingFangSC-Semibold;
|
||
font-size: 16px;
|
||
color: #fff;
|
||
line-height: 22px;
|
||
margin-left: 2px;
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.login-tip .desc[data-v-2ec6cfba] {
|
||
margin-bottom: 20px;
|
||
font-weight: 400;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
line-height: 20px;
|
||
}
|
||
|
||
.login-tip .tv-icon[data-v-2ec6cfba] {
|
||
position: absolute;
|
||
z-index: 1;
|
||
left: 30px;
|
||
bottom: 23px;
|
||
}
|
||
|
||
.login-tip .login-btn[data-v-2ec6cfba] {
|
||
position: relative;
|
||
display: block;
|
||
box-sizing: border-box;
|
||
font-weight: 600;
|
||
margin: 0 2px;
|
||
height: 40px;
|
||
padding: 10px 0;
|
||
line-height: 20px;
|
||
border-radius: 2px;
|
||
font-size: 0px;
|
||
color: #00a1d6;
|
||
letter-spacing: 0;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.login-tip .login-btn[data-v-2ec6cfba]::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
background: #fff;
|
||
}
|
||
|
||
.login-tip .login-btn[data-v-2ec6cfba]::after {
|
||
content: '\7ACB\5373\767B\5F55';
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
line-height: 40px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.login-tip .login-btn[data-v-2ec6cfba]:hover::before {
|
||
background: #fff;
|
||
}
|
||
</style>
|
||
<style type="text/css">.unlogin-avatar[data-v-7365362a] {
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 50%;
|
||
line-height: 36px;
|
||
font-size: 14px;
|
||
color: #ffffff;
|
||
letter-spacing: 0;
|
||
background: #00aeec;
|
||
text-align: center;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.unlogin-history[data-v-7365362a] {
|
||
position: relative;
|
||
}
|
||
|
||
.unlogin-history .dot[data-v-7365362a] {
|
||
position: absolute;
|
||
right: -3px;
|
||
top: 3px;
|
||
width: 5px;
|
||
height: 5px;
|
||
border-radius: 50%;
|
||
background: #fb7299;
|
||
}
|
||
|
||
.unlogin-popover[data-v-7365362a] {
|
||
width: 360px;
|
||
background: #ffffff;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
border-radius: 2px;
|
||
position: relative;
|
||
padding: 14px 16px;
|
||
}
|
||
|
||
.unlogin-popover[data-v-7365362a]::before {
|
||
display: block;
|
||
content: ' ';
|
||
position: absolute;
|
||
width: 10px;
|
||
height: 10px;
|
||
top: -5px;
|
||
left: 175px;
|
||
background: #ffffff;
|
||
transform: rotate(45deg);
|
||
}
|
||
|
||
.unlogin-popover .content-msg[data-v-7365362a] {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
margin-bottom: 14px;
|
||
font-size: 14px;
|
||
color: #999999;
|
||
letter-spacing: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.unlogin-popover-avatar[data-v-7365362a] {
|
||
height: 234px;
|
||
}
|
||
|
||
.unlogin-popover-avatar .title[data-v-7365362a] {
|
||
line-height: 20px;
|
||
font-size: 14px;
|
||
color: #212121;
|
||
letter-spacing: 0;
|
||
margin-left: 4px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.unlogin-popover-avatar .ltc-content[data-v-7365362a] {
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.unlogin-popover-avatar .register-tip[data-v-7365362a] {
|
||
margin-top: 16px;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
color: #212121;
|
||
letter-spacing: 0;
|
||
line-height: 20px;
|
||
}
|
||
|
||
.unlogin-popover-avatar .register-tip > a[data-v-7365362a] {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.unlogin-popover-avatar .register-tip > a[data-v-7365362a]:hover {
|
||
color: #00b5e5;
|
||
}
|
||
|
||
.unlogin-popover-avatar .register-exper[data-v-7365362a] {
|
||
color: #00b5e5;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.login-btn[data-v-7365362a] {
|
||
position: relative;
|
||
display: block;
|
||
box-sizing: border-box;
|
||
height: 40px;
|
||
padding: 10px 0;
|
||
line-height: 20px;
|
||
font-size: 0px;
|
||
color: #ffffff;
|
||
letter-spacing: 0;
|
||
text-align: center;
|
||
border-radius: 2px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.login-btn[data-v-7365362a]::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
background: #00a1d6;
|
||
}
|
||
|
||
.login-btn[data-v-7365362a]::after {
|
||
content: '\7ACB\5373\767B\5F55';
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
line-height: 40px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.login-btn[data-v-7365362a]:hover::before {
|
||
background: #00b5e5;
|
||
animation-play-state: paused;
|
||
}
|
||
|
||
.name[data-v-7365362a] {
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<style type="text/css">.nav-user-center {
|
||
display: flex;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.nav-user-center .user-con {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.nav-user-center .user-con.search-icon {
|
||
display: none;
|
||
}
|
||
|
||
.nav-user-center .user-con.search-icon .bilifont {
|
||
font-size: 20px;
|
||
}
|
||
|
||
.nav-user-center .user-con .item {
|
||
position: relative;
|
||
display: flex;
|
||
margin-left: 12px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.nav-user-center .user-con .item .txt {
|
||
color: #fff;
|
||
white-space: nowrap;
|
||
font-size: 14px;
|
||
line-height: 32px;
|
||
}
|
||
|
||
.nav-user-center .user-con .item .name {
|
||
color: #fff;
|
||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.nav-user-center .user-con .item .tips {
|
||
position: absolute;
|
||
top: 38px;
|
||
left: -81px;
|
||
padding: 2px 6px 2px 2px;
|
||
border-radius: 4px;
|
||
background: #00A1D6;
|
||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
|
||
color: #fff;
|
||
white-space: nowrap;
|
||
z-index: 1;
|
||
}
|
||
|
||
.nav-user-center .user-con .item .tips::before {
|
||
position: absolute;
|
||
top: -2px;
|
||
left: 50%;
|
||
margin-left: -4px;
|
||
width: 8px;
|
||
height: 8px;
|
||
background: #00a1d6;
|
||
content: "";
|
||
transform: rotate(45deg);
|
||
}
|
||
|
||
.nav-user-center .user-con .fall-mini-avatar {
|
||
width: 36px;
|
||
height: 36px;
|
||
position: relative;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.nav-user-center .user-con .fall-mini-avatar.unlogin {
|
||
margin-right: 16px;
|
||
}
|
||
|
||
.nav-user-center .user-con .fall-mini-avatar img {
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.nav-user-center .user-con .fall-mini-avatar .unlogin-mark {
|
||
position: absolute;
|
||
top: -13px;
|
||
left: -3px;
|
||
display: inline-block;
|
||
width: 80px;
|
||
height: 32px;
|
||
border-radius: 16px;
|
||
line-height: 28px;
|
||
font-size: 20px;
|
||
background: #FB7299;
|
||
color: #FFF;
|
||
text-align: center;
|
||
border: 2px solid #fff;
|
||
transform: scale(0.5);
|
||
}
|
||
|
||
.mini-type .nav-user-center .user-con .item .name {
|
||
color: #212121;
|
||
text-shadow: none;
|
||
}
|
||
</style>
|
||
<style type="text/css">.nav-user-center .bilifont {
|
||
color: #fff;
|
||
vertical-align: middle;
|
||
font-size: 28px;
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<style type="text/css">.suggest_high_light {
|
||
color: #f25d8e;
|
||
font-style: normal;
|
||
}
|
||
</style>
|
||
<style type="text/css">.suggest-wrap[data-v-340b780a] {
|
||
width: 100%;
|
||
min-width: 236px;
|
||
max-height: 612px;
|
||
overflow-y: auto;
|
||
position: absolute;
|
||
background: #ffffff;
|
||
border: 1px solid #e6e9ee;
|
||
box-sizing: border-box;
|
||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
|
||
border-radius: 2px;
|
||
padding: 16px 0;
|
||
margin-top: 2px;
|
||
font-family: PingFang SC, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
color: #212121;
|
||
z-index: 100;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
.suggest-wrap .header[data-v-340b780a] {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 16px;
|
||
}
|
||
|
||
.suggest-wrap .header .title[data-v-340b780a] {
|
||
height: 24px;
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
}
|
||
|
||
.suggest-wrap .header .clear[data-v-340b780a] {
|
||
font-size: 12px;
|
||
line-height: 15px;
|
||
height: 15px;
|
||
color: #999999;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.suggest-wrap .header .clear[data-v-340b780a]:hover {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.suggest-wrap .histories-wrap[data-v-340b780a] {
|
||
padding: 0 16px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.suggest-wrap .histories[data-v-340b780a] {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
margin-top: 12px;
|
||
margin-right: -10px;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.suggest-wrap .histories .history-item[data-v-340b780a] {
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
height: 30px;
|
||
padding: 7px 10px 8px 10px;
|
||
font-size: 12px;
|
||
line-height: 15px;
|
||
background: #f4f4f4;
|
||
border-radius: 4px;
|
||
margin-right: 10px;
|
||
margin-bottom: 10px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.suggest-wrap .histories .history-item .history-text[data-v-340b780a] {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
max-width: 96px;
|
||
}
|
||
|
||
.suggest-wrap .histories .history-item .close[data-v-340b780a] {
|
||
display: none;
|
||
box-sizing: border-box;
|
||
position: absolute;
|
||
width: 16px;
|
||
height: 16px;
|
||
top: -6px;
|
||
right: -6px;
|
||
padding: 2px;
|
||
}
|
||
|
||
.suggest-wrap .histories .history-item .close svg[data-v-340b780a] {
|
||
width: 14px;
|
||
height: 14px;
|
||
fill: #cccccc;
|
||
}
|
||
|
||
.suggest-wrap .histories .history-item[data-v-340b780a]:hover,
|
||
.suggest-wrap .histories .history-item[data-v-340b780a]:focus {
|
||
outline: none;
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.suggest-wrap .histories .history-item:hover .close[data-v-340b780a],
|
||
.suggest-wrap .histories .history-item:focus .close[data-v-340b780a] {
|
||
display: block;
|
||
}
|
||
|
||
.suggest-wrap .history-fold-wrap[data-v-340b780a] {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 64px;
|
||
margin: 0 auto;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.suggest-wrap .history-fold-wrap:hover .fold-text[data-v-340b780a] {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.suggest-wrap .history-fold-wrap:hover .fold-icon[data-v-340b780a] {
|
||
fill: #00a1d6;
|
||
}
|
||
|
||
.suggest-wrap .fold-text[data-v-340b780a] {
|
||
font-size: 12px;
|
||
line-height: 15px;
|
||
height: 15px;
|
||
color: #999;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.suggest-wrap .fold-icon[data-v-340b780a] {
|
||
width: 12px;
|
||
height: 12px;
|
||
fill: #999;
|
||
cursor: pointer;
|
||
transform: rotate(180deg);
|
||
margin-left: 2px;
|
||
}
|
||
|
||
.suggest-wrap .fold-icon.fold[data-v-340b780a] {
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
.suggest-wrap .trending-item[data-v-340b780a] {
|
||
box-sizing: border-box;
|
||
height: 38px;
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
padding-left: 16px;
|
||
}
|
||
|
||
.suggest-wrap .trending-item.active[data-v-340b780a],
|
||
.suggest-wrap .trending-item[data-v-340b780a]:hover,
|
||
.suggest-wrap .trending-item[data-v-340b780a]:focus {
|
||
outline: none;
|
||
background: #f4f4f4;
|
||
}
|
||
|
||
.suggest-wrap .trending-item .rank[data-v-340b780a] {
|
||
width: 15px;
|
||
min-width: 15px;
|
||
word-break: initial;
|
||
height: 17px;
|
||
line-height: 17px;
|
||
text-align: center;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
margin-right: 7px;
|
||
color: #999999;
|
||
}
|
||
|
||
.suggest-wrap .trending-item .rank.search-rank-top[data-v-340b780a] {
|
||
color: #212121;
|
||
}
|
||
|
||
.suggest-wrap .trending-item .search-trending-top[data-v-340b780a] {
|
||
flex-shrink: 0;
|
||
margin-top: -3px;
|
||
margin-left: -1px;
|
||
margin-right: 5px;
|
||
width: 18px;
|
||
height: 18px;
|
||
background: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/top.png) no-repeat center / 100%;
|
||
}
|
||
|
||
.suggest-wrap .trending-item .trending-text[data-v-340b780a] {
|
||
font-size: 14px;
|
||
line-height: 17px;
|
||
height: 17px;
|
||
margin-right: 6px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
letter-spacing: 0;
|
||
}
|
||
|
||
.suggest-wrap .trending-item .trending-mark[data-v-340b780a] {
|
||
height: 14px;
|
||
margin-right: 16px;
|
||
}
|
||
|
||
.suggest-wrap .trendings-double[data-v-340b780a] {
|
||
display: flex;
|
||
}
|
||
|
||
.suggest-wrap .trendings-double .trendings-col[data-v-340b780a] {
|
||
flex: 1;
|
||
}
|
||
|
||
.suggest-wrap .trendings-double .trendings-col[data-v-340b780a]:first-child {
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.suggest-wrap .suggestions[data-v-340b780a] {
|
||
margin-top: -6px;
|
||
margin-bottom: -6px;
|
||
}
|
||
|
||
.suggest-wrap .suggest-item[data-v-340b780a] {
|
||
height: 32px;
|
||
display: block;
|
||
line-height: 32px;
|
||
font-size: 14px;
|
||
position: relative;
|
||
text-align: left;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
cursor: pointer;
|
||
padding: 0 16px;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.suggest-wrap .suggest-item.active[data-v-340b780a],
|
||
.suggest-wrap .suggest-item[data-v-340b780a]:hover,
|
||
.suggest-wrap .suggest-item[data-v-340b780a]:focus {
|
||
outline: none;
|
||
background: #f4f4f4;
|
||
}
|
||
</style>
|
||
<style type="text/css">.bili-header-m .nav-search-box,
|
||
.international-header .nav-search-box {
|
||
margin: 0 10px;
|
||
width: 500px;
|
||
transition: 0.3s width;
|
||
}
|
||
|
||
.bili-header-m .nav-search,
|
||
.international-header .nav-search {
|
||
position: relative;
|
||
}
|
||
|
||
.bili-header-m .nav-search #nav_searchform,
|
||
.international-header .nav-search #nav_searchform {
|
||
display: block;
|
||
padding: 0 38px 0 16px;
|
||
border: 1px solid rgba(255, 255, 255, 0);
|
||
border-radius: 2px;
|
||
background-color: #fff;
|
||
}
|
||
|
||
.bili-header-m .nav-search .nav-search-keyword,
|
||
.international-header .nav-search .nav-search-keyword {
|
||
word-break: break-all;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
height: 34px;
|
||
border: none;
|
||
background-color: transparent;
|
||
box-shadow: none;
|
||
color: #999;
|
||
font-size: 14px;
|
||
line-height: 34px;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.bili-header-m .nav-search .nav-search-keyword::-ms-clear,
|
||
.international-header .nav-search .nav-search-keyword::-ms-clear {
|
||
display: none;
|
||
}
|
||
|
||
.bili-header-m .nav-search .nav-search-keyword:focus,
|
||
.international-header .nav-search .nav-search-keyword:focus {
|
||
color: #222222;
|
||
}
|
||
|
||
.bili-header-m .nav-search .nav-search-submit,
|
||
.international-header .nav-search .nav-search-submit {
|
||
position: absolute;
|
||
top: 8px;
|
||
right: 16px;
|
||
margin: 0;
|
||
padding: 0;
|
||
border: none;
|
||
background: none;
|
||
color: #505050;
|
||
font-size: 16px;
|
||
line-height: 20px;
|
||
cursor: pointer;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.bili-header-m .nav-search .nav-search-btn,
|
||
.international-header .nav-search .nav-search-btn {
|
||
position: absolute;
|
||
top: 0px;
|
||
right: 0;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 48px;
|
||
height: 36px;
|
||
border: none;
|
||
border-radius: 2px;
|
||
background: #e7e7e7;
|
||
line-height: 26px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.bili-header-m .nav-search .nav-search-btn:hover .nav-search-submit,
|
||
.international-header .nav-search .nav-search-btn:hover .nav-search-submit {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.bili-header-m .header-search-suggest,
|
||
.international-header .header-search-suggest {
|
||
width: 100%;
|
||
z-index: 10000;
|
||
}
|
||
</style>
|
||
<style type="text/css">.mini-header {
|
||
position: absolute;
|
||
z-index: 1;
|
||
width: 100%;
|
||
height: 56px;
|
||
}
|
||
|
||
.mini-header__content {
|
||
box-sizing: border-box;
|
||
padding: 10px 24px;
|
||
line-height: 30px;
|
||
position: relative;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
@media screen and (max-width: 1122px) {
|
||
.mini-header__content {
|
||
padding: 10px 12px;
|
||
}
|
||
}
|
||
</style>
|
||
<style type="text/css">.animated-banner[data-v-bf612ed2] {
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
overflow: hidden;
|
||
}
|
||
</style>
|
||
<style type="text/css">.animated-banner > .layer {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
</style>
|
||
<style type="text/css">.bili-banner[data-v-16ce4e92] {
|
||
margin: 0 auto;
|
||
position: relative;
|
||
z-index: 0;
|
||
min-height: 155px;
|
||
height: 9.375vw;
|
||
min-width: 999px;
|
||
background-color: #f9f9f9;
|
||
display: flex;
|
||
justify-content: center;
|
||
background-repeat: no-repeat;
|
||
background-position: center 0;
|
||
background-size: cover;
|
||
}
|
||
|
||
.bili-banner .taper-line[data-v-16ce4e92] {
|
||
pointer-events: none;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 0;
|
||
width: 100%;
|
||
height: 100px;
|
||
background: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
|
||
}
|
||
|
||
.bili-banner .head-title[data-v-16ce4e92] {
|
||
position: absolute;
|
||
bottom: 25px;
|
||
left: 280px;
|
||
line-height: 20px;
|
||
padding: 6px 10px;
|
||
background-color: rgba(0, 0, 0, 0.68);
|
||
color: #fff;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
max-width: 350px;
|
||
opacity: 0;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.bili-banner:hover .head-title[data-v-16ce4e92] {
|
||
opacity: 1;
|
||
}
|
||
|
||
.bili-banner .b-logo[data-v-16ce4e92] {
|
||
position: relative;
|
||
}
|
||
|
||
.bili-banner .b-logo .head-logo[data-v-16ce4e92] {
|
||
position: absolute;
|
||
width: 220px;
|
||
height: 50%;
|
||
min-height: 60px;
|
||
bottom: 10px;
|
||
z-index: 1;
|
||
}
|
||
|
||
.bili-banner .b-logo .logo-img[data-v-16ce4e92] {
|
||
height: 100%;
|
||
}
|
||
|
||
.bili-banner .banner-link[data-v-16ce4e92] {
|
||
z-index: 0;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
</style>
|
||
<style type="text/css">.page-tab {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.page-tab .con {
|
||
display: flex;
|
||
}
|
||
|
||
.page-tab .con li {
|
||
cursor: pointer;
|
||
width: 66px;
|
||
height: 68px;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
white-space: nowrap;
|
||
border: 1px solid #fff;
|
||
border-radius: 16px;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
.page-tab .con li:hover a {
|
||
color: #00A1D6;
|
||
}
|
||
|
||
.page-tab .con li.on {
|
||
border-color: #9DD9ED;
|
||
background: #F1FCFF;
|
||
}
|
||
|
||
.page-tab .con li.on a {
|
||
color: #00A1D6;
|
||
}
|
||
|
||
.page-tab .con li .round {
|
||
position: relative;
|
||
width: 36px;
|
||
height: 36px;
|
||
background: #FF5C7C;
|
||
border-radius: 36px;
|
||
line-height: 36px;
|
||
text-align: center;
|
||
margin: 0 auto 4px auto;
|
||
}
|
||
|
||
.page-tab .con li .round.yel {
|
||
background: #fcba2a;
|
||
}
|
||
|
||
.page-tab .con li .round.blue {
|
||
background: #00a1d6;
|
||
}
|
||
|
||
.page-tab .con li .round.orange {
|
||
background: #FF716D;
|
||
}
|
||
|
||
.page-tab .con li .round .dynamic-update {
|
||
position: absolute;
|
||
width: 36px;
|
||
height: 36px;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
|
||
.page-tab .con li .round .dynamic-update img {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.page-tab .con li .round .dynamic-update i {
|
||
position: absolute;
|
||
right: -2px;
|
||
top: -2px;
|
||
width: 10px;
|
||
height: 10px;
|
||
border-radius: 50%;
|
||
background: #fa5a57;
|
||
border: 2px solid #FFFFFF;
|
||
}
|
||
|
||
.page-tab .con li .round.channel {
|
||
background: #6DC781;
|
||
}
|
||
|
||
.page-tab .con li .bilifont {
|
||
color: #fff;
|
||
font-size: 28px;
|
||
}
|
||
|
||
.page-tab .con .channel-name {
|
||
width: 64px;
|
||
height: 20px;
|
||
display: block;
|
||
overflow: hidden;
|
||
/* autoprefixer: ignore next */
|
||
-webkit-box-orient: vertical;
|
||
text-overflow: -o-ellipsis-lastline;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 1;
|
||
}
|
||
</style>
|
||
<style type="text/css">.van-popper-channel {
|
||
padding: 5px 10px;
|
||
border-radius: 3px;
|
||
min-width: 0;
|
||
}
|
||
|
||
.van-popper-channel .sub-container {
|
||
display: flex;
|
||
justify-items: flex-start;
|
||
}
|
||
|
||
.van-popper-channel .sub-item {
|
||
max-height: 148px;
|
||
}
|
||
|
||
.van-popper-channel .sub-item .name {
|
||
display: block;
|
||
font-size: 12px;
|
||
padding: 10px 13px;
|
||
height: 37px;
|
||
}
|
||
|
||
.van-popper-channel .popper__arrow {
|
||
margin-left: -45px;
|
||
}
|
||
|
||
.channel-menu-itnl {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-wrap: wrap;
|
||
height: 5rem;
|
||
height: 68px;
|
||
flex: 1;
|
||
}
|
||
|
||
.channel-menu-itnl .item {
|
||
cursor: pointer;
|
||
display: flex;
|
||
height: 34px;
|
||
}
|
||
|
||
.channel-menu-itnl .item .name {
|
||
font-size: 14px;
|
||
display: flex;
|
||
align-items: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.channel-menu-itnl .item .name em {
|
||
font-style: normal;
|
||
font-size: 12px;
|
||
display: inline-block;
|
||
background: #73C9E5;
|
||
border-radius: 2px;
|
||
color: #fff;
|
||
margin-left: 1px;
|
||
transform: scale(0.85);
|
||
width: 32px;
|
||
text-align: center;
|
||
}
|
||
|
||
.channel-menu-itnl .item .name.on {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.channel-menu-itnl .item .bili-icon_caozuo_xiangyou-copy {
|
||
margin-left: 5px;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
.channel-menu-itnl .item.selected .name {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.channel-menu-itnl .item.selected .bili-icon_caozuo_xiangyou-copy {
|
||
transform: rotate(180deg);
|
||
}
|
||
</style>
|
||
<style type="text/css">.friendship-link {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-wrap: wrap;
|
||
height: 68px;
|
||
width: 289px;
|
||
}
|
||
|
||
.friendship-link .item {
|
||
height: 34px;
|
||
display: flex;
|
||
}
|
||
|
||
.friendship-link .item .name {
|
||
font-size: 14px;
|
||
display: flex;
|
||
align-items: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.friendship-link .item .name span {
|
||
margin-left: 4px;
|
||
}
|
||
|
||
.friendship-link .svg-icon {
|
||
width: 1.8em;
|
||
height: 1.8em;
|
||
vertical-align: middle;
|
||
fill: currentColor;
|
||
overflow: hidden;
|
||
}
|
||
</style>
|
||
<style type="text/css">.primary-menu-itnl {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 20px 0;
|
||
width: 100%;
|
||
}
|
||
|
||
.tab-line-itnl {
|
||
display: inline-block;
|
||
height: 46px;
|
||
border-left: 1px solid #E7E7E7;
|
||
margin: 0 20px;
|
||
}
|
||
|
||
.tab-line-itnl.none {
|
||
margin: 0 24px 0 0px;
|
||
}
|
||
</style>
|
||
<style type="text/css">.wechat_overlay[data-v-490aea72] {
|
||
position: fixed;
|
||
z-index: 10001;
|
||
background-color: rgba(255, 255, 255, 0.4);
|
||
/* 半透明的黑色背景 */
|
||
top: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
left: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast[data-v-490aea72] {
|
||
bottom: 235px;
|
||
width: 340px;
|
||
flex-direction: column;
|
||
border-radius: 8px;
|
||
border: 1px solid var(--base-mode-line-regular, #e3e5e7);
|
||
background: var(--base-mode-bg-1-float, #fff);
|
||
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_title[data-v-490aea72] {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
padding: 8px;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_title .cancel[data-v-490aea72] {
|
||
cursor: pointer;
|
||
display: flex;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_title .cancel-icon[data-v-490aea72] {
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_body[data-v-490aea72] {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
align-self: stretch;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_body .bg[data-v-490aea72] {
|
||
width: 340px;
|
||
height: 211px;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_footer[data-v-490aea72] {
|
||
display: flex;
|
||
padding: 8px 24px 24px 24px;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 10px;
|
||
align-self: stretch;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_footer .toast_address[data-v-490aea72] {
|
||
border-radius: 8px;
|
||
border: 1px solid var(--base-mode-line-light, #f1f2ff);
|
||
background: var(--library-gary-ga-0-s, #f6f7ff);
|
||
display: flex;
|
||
padding: 10px 16px;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
align-self: stretch;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_footer .toast_address input[data-v-490aea72] {
|
||
color: var(--base-mode-text-3, #9499a0);
|
||
text-align: center;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
border: none;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_footer .toast_address .toast-link[data-v-490aea72] {
|
||
display: flex;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_footer .toast_address .toast-link p[data-v-490aea72] {
|
||
color: var(--text-symbol-text-1, #18191c);
|
||
text-align: center;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_footer .toast_address .toast-link .linkicon[data-v-490aea72] {
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
.wechat_overlay .wechat_toast .toast_footer .toast_address .toast-link[data-v-490aea72]:hover {
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<style type="text/css">.ie-browser-tips {
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
padding: 0 30px;
|
||
background: #FFF0E3;
|
||
font-size: 13px;
|
||
z-index: 9999;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
color: #E58900;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.ie-browser-tips p {
|
||
margin-right: 30px;
|
||
}
|
||
|
||
.ie-browser-tips a {
|
||
color: #E58900 !important;
|
||
transition: 0.3s;
|
||
padding: 1px 2px;
|
||
border-bottom: 1px solid #E58900;
|
||
}
|
||
|
||
.ie-browser-tips a:hover {
|
||
color: #E58900;
|
||
}
|
||
|
||
.ie-browser-tips img {
|
||
width: 10px;
|
||
height: 10px;
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<style type="text/css">@font-face {
|
||
font-family: "bili-footer-font";
|
||
src: url(data:application/vnd.ms-fontobject;base64,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);
|
||
/* IE9 */
|
||
src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATAAAsAAAAACdQAAAR0AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqGLIUiATYCJAMQCwoABCAFhU0HUht2CMgusG3YkxoBF/gbrP0AFlIgFwueh2P5flwmZtKB3S2qdJTio8ThTGcDOhxIDeWmd+BJ66GiVxObeGBiKUlohqQLmThMnTI1QeZf/5kSEKd+Js3zGIYgnVSttuHSZssA6VgNEDAAt0T+D46lfmIKnH26ZZVFgkcBFciiWzRIp7ZleHVxXcDZEBBVkgk2zT0GABUHGwmQDWeggCqm4SUkEZYHc/aMgRwJCIfz9B4APLq/Lz+QnwqgAhGALTfXTTSofdVv+0lt/zZwaiPg9mcCuP3AwADAIW2u5ZjUFw1cSTSPUWYEEORi7cv1PxSqL0eVBWcqVvzPkxSAJI6xY7HtFdckQzDry8JWZv2wBsNoXz8MsgA/yBJhffuwEMuCQkN91JjahwhQw1V9wgIoz1PrfencD9J1H74gEto/i1eutDk0+PaPMOf22js94dwaseca4XKR7kHnnar3FDu9pN2JQ49Hi82vdp3rbgQctwXOkd4hbrNrgGuM3+IlT171eFyX6jsXOIiV9Le67M5Gx+7Vu+bvWbt3vBDrnXR4N3u6+gHr3WUDdMdxfM3VWW9schX3QC5IIdkFu22NpJhXYt9LORy2lfP7k2uxa5LrPkBjdVniedJOHId266QLngCx2xsxYOX8EG1XF2NbifnMf4b5SN/k//3zGCEZJj1HSBB+YUivAKUyHqCf9T97gxVmBarOLiLYPZGQrHqf7XneUUmfjOyBmk4VW+LGZTTPqliVmKjuvsYXSqTmMbrRdHcoxf5rLiVKynvoZWpp+3HZPaGpLF9Kt/aU95CaKuqZv9jge4ddfs31sf2IXf4t9TGZo+UGjYTsQ+MtZYdApAoPVIHJPW3cQdg6miJhkF/9tIFDoB7OuZb08c/tcZpoHpTGpWkcdWxKSq0c1psG9oGEabthPWwId0v6VStou19gZFxEHha42BPGmZGJ6ze9CiFp48Cmf8gnegqAZhu5csVtUtV3uWp1mC7furQdv299o1+jtc2cgGpPyKLcE05U7Q5ZiiQApEKvobvP4wj/yq8q/EIOfdmn/3U3/O9kwDogTFtwfx9uzTZX+aD1WBaYHM3rHgwaUhAlfvgHjqw3fcgKtXNBpGlCUCFNMGmZSMdWQkDMKgSl6SCqz7B/TM5yRmI1gJ7tCETFQ1BJ32Aq/iIcVzQEFKuCoEr9IWo/sB4xptVtrEFgKJGhUfsExOl5C2vsIGLtnInLYnleZISsxKz9GMMYEyVkVZV+UssIVo63oLzs3Ox4C2NhhDG2sY415Isii1iBN6Nm/XyMycSjToEfxejF7A5R7CzPyWHzXilbz5sBZkLAoIgYNKTdBAhHj2fB2iYRhkkckyQrLeHryoQYuzS1H4bBGL43ilCzoTKJVhVZVTZeHpInW24LZIvEkq66lvtYjWWQTyRiISwBzwxpbmdimEiEh3TmrzYKQ0+UraNFqFO5HKobW1eSvUsy8xMRgeuAlTyQQCmUQTmIXoXcEeMYrp3Hg4i+gxJ92RVofpzFxFM0AA==') format('woff2'), url(data:font/woff;base64,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) format('woff'), url(data:font/ttf;base64,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) format('truetype'), url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/iconfont.svg#bili-footer-font) format('svg');
|
||
/* iOS 4.1- */
|
||
}
|
||
|
||
.bili-footer-font {
|
||
font-family: "bili-footer-font" !important;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
.bili-footer-icon_weibo:before {
|
||
content: "\E71C";
|
||
}
|
||
|
||
.bili-footer-icon_wechat:before {
|
||
content: "\E751";
|
||
}
|
||
|
||
.bili-footer-icon_download:before {
|
||
content: "\E752";
|
||
}
|
||
</style>
|
||
<style type="text/css">body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.international-footer {
|
||
font: 12px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
|
||
position: relative;
|
||
margin: 0;
|
||
padding: 0;
|
||
background-color: #f6f9fa;
|
||
padding: 30px 0;
|
||
min-width: 999px;
|
||
}
|
||
|
||
.international-footer ol,
|
||
.international-footer ul {
|
||
list-style: none;
|
||
}
|
||
|
||
.international-footer a {
|
||
color: #212121;
|
||
transition: color 0.3s;
|
||
}
|
||
|
||
.international-footer a:hover {
|
||
text-decoration: none;
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.international-footer a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.international-footer a:focus,
|
||
.international-footer *:focus {
|
||
outline: none;
|
||
}
|
||
|
||
.international-footer * {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.international-footer .b-footer-wrap {
|
||
max-width: 1630px;
|
||
min-width: 999px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.international-footer .link-box {
|
||
font-size: 14px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.international-footer .link-box .footer_left {
|
||
flex: 4;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.international-footer .link-box .footer_right {
|
||
flex: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.international-footer .link-box .link-item {
|
||
flex: 2;
|
||
padding-right: 40px;
|
||
margin-right: 40px;
|
||
border-right: 1px solid #eee;
|
||
}
|
||
|
||
.international-footer .link-box .link-item .bt {
|
||
font-size: 16px;
|
||
color: #999;
|
||
display: block;
|
||
height: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.international-footer .link-box .link-item ul {
|
||
height: 110px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.international-footer .link-box .link-item ul a {
|
||
display: inline-block;
|
||
margin-bottom: 10px;
|
||
width: 50%;
|
||
height: 20px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.international-footer .link-box .link-item ul a:nth-child(4n) {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-b {
|
||
flex: 3;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-b ul {
|
||
height: 110px;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-b ul a {
|
||
width: 33.3333%;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c {
|
||
padding-right: 0;
|
||
border-right: none;
|
||
margin-right: 0;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .a-wraper {
|
||
flex: 1;
|
||
display: flex;
|
||
min-width: 70px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a {
|
||
position: relative;
|
||
display: inline-block;
|
||
text-align: center;
|
||
color: #212121;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a:hover p {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a:hover .qrcode {
|
||
display: block;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a .qrcode {
|
||
display: none;
|
||
position: absolute;
|
||
top: -125px;
|
||
left: -25px;
|
||
width: 117px;
|
||
height: 117px;
|
||
background: #fff;
|
||
border: 1px solid #eee;
|
||
padding: 10px;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a.biliapp .qrcode {
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/biliapp_qrcode.png);
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a.weibo .qrcode {
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/weibo_qrcode.png);
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a.weixin .qrcode {
|
||
width: 241px;
|
||
left: -185px;
|
||
height: 143px;
|
||
top: -151px;
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/weixin_qrcode.gif);
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c a.weixin:hover p {
|
||
color: #212121;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c p {
|
||
margin-top: 10px;
|
||
color: #212121;
|
||
height: 20px;
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .bili-footer-font {
|
||
font-size: 50px;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .biliapp {
|
||
color: #585f69;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .charity {
|
||
color: #00aeec;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .weibo {
|
||
color: #fe596c;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .weixin {
|
||
color: #42c86b;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .charity-icon {
|
||
display: inline-block;
|
||
width: 50px;
|
||
height: 50px;
|
||
}
|
||
|
||
.international-footer .link-box .link-item.link-c .charity-text {
|
||
padding-top: 2px;
|
||
}
|
||
|
||
.international-footer .partner {
|
||
display: flex;
|
||
padding-top: 30px;
|
||
color: #999;
|
||
}
|
||
|
||
.international-footer .partner .pic-box {
|
||
width: 100px;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.international-footer .partner .pic {
|
||
width: 96px;
|
||
height: 75px;
|
||
}
|
||
|
||
.international-footer .partner .pic962110 {
|
||
margin: 5px 0;
|
||
}
|
||
|
||
.international-footer .partner p {
|
||
line-height: 24px;
|
||
}
|
||
|
||
.international-footer .partner a {
|
||
color: #999;
|
||
}
|
||
|
||
.international-footer .partner a:hover {
|
||
color: #00a1d6;
|
||
}
|
||
|
||
.international-footer .partner .text-con {
|
||
width: calc(100% - 120px);
|
||
}
|
||
|
||
.international-footer .partner .text-con span {
|
||
margin-right: 15px;
|
||
display: inline-block;
|
||
}
|
||
|
||
.international-footer .partner .sprite {
|
||
display: inline-block;
|
||
background-image: url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/hz_icon.png);
|
||
background-repeat: no-repeat;
|
||
vertical-align: middle;
|
||
margin-right: 3px;
|
||
}
|
||
|
||
.international-footer .partner .sprite.bg1 {
|
||
width: 16px;
|
||
height: 16px;
|
||
background-position: 0 -2px;
|
||
}
|
||
|
||
.international-footer .partner .sprite.bg2 {
|
||
width: 18px;
|
||
height: 20px;
|
||
background-position: -41px 0px;
|
||
}
|
||
|
||
.international-footer .partner .sprite.bg3 {
|
||
width: 16px;
|
||
height: 16px;
|
||
background-position: -18px -3px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body id="bili-search">
|
||
<div id="biliMainHeader" disable-sticky="" token-support="true" style="height:56px" show-ie-tips="true"></div>
|
||
<div id="search-app"></div>
|
||
<div class="international-footer">
|
||
<div class="link-box b-footer-wrap">
|
||
<div class="footer_left">
|
||
<div class="link-item link-a"><span class="bt">bilibili</span>
|
||
<ul><a target="_blank" href="//www.bilibili.com/blackboard/aboutUs.html">关于我们</a><a target="_blank"
|
||
href="//www.bilibili.com/blackboard/contact.html">联系我们</a><a
|
||
target="_blank" href="https://www.bilibili.com/protocal/licence.html">用户协议</a><a
|
||
target="_blank" href="//www.bilibili.com/blackboard/join.html">加入我们</a><a target="_blank"
|
||
href="//www.bilibili.com/blackboard/friends-links.html">友情链接</a><a
|
||
target="_blank" href="https://www.bilibili.com/blackboard/privacy-pc.html">隐私政策</a><a
|
||
target="_blank" href="//account.bilibili.com/account/official/home">bilibili认证</a><a
|
||
target="_blank" href="http://ir.bilibili.com">Investor Relations</a></ul>
|
||
</div>
|
||
<div class="link-item link-b"><span class="bt">传送门</span>
|
||
<ul><a target="_blank" href="//www.bilibili.com/blackboard/topic/activity-cn8bxPLzz.html">
|
||
协议汇总
|
||
</a><a target="_blank" href="//www.bilibili.com/blackboard/activity-list.html">
|
||
活动中心
|
||
</a><a target="_blank" href="//www.bilibili.com/blackboard/topic_list.html">
|
||
活动专题页
|
||
</a><a target="_blank" href="//www.bilibili.com/v/copyright/intro/">
|
||
侵权申诉
|
||
</a><a target="_blank" href="//www.bilibili.com/blackboard/help.html">
|
||
帮助中心
|
||
</a><a target="_blank" href="https://www.bilibili.com/blackboard/activity-5zJxM3spoS.html">
|
||
社区中心
|
||
</a><a target="_blank" href="//space.bilibili.com/6823116#/album">
|
||
壁纸站
|
||
</a><a target="_blank" href="//e.bilibili.com/">广告合作</a><a target="_blank"
|
||
href="//www.bilibili.com/blackboard/activity-S1jfy69Jz.html">
|
||
名人堂
|
||
</a><a target="_blank" href="//mcn.bilibili.com/studio/mcn/entry">
|
||
MCN管理中心
|
||
</a><a target="_blank" href="//www.bilibili.com/video/BV1Xx411c7cH/">
|
||
高级弹幕
|
||
</a><a target="_blank" href="//b.bilibili.com">
|
||
品牌号官网
|
||
</a></ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer_right">
|
||
<div class="link-item link-c">
|
||
<div class="a-wraper"><a href="//app.bilibili.com/" target="_blank" class="biliapp"><i
|
||
class="bili-footer-font bili-footer-icon_download"></i>
|
||
<p>下载APP</p>
|
||
<div class="qrcode"></div>
|
||
</a></div>
|
||
<div class="a-wraper"><a href="https://love.bilibili.com/" target="_blank" class="charity"><img
|
||
src="//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/charity.png" alt="" class="charity-icon">
|
||
<p class="charity-text">公益</p></a></div>
|
||
<div class="a-wraper"><a href="//weibo.com/bilibiliweb" target="_blank" class="weibo"><i
|
||
class="bili-footer-font bili-footer-icon_weibo"></i>
|
||
<p>新浪微博</p>
|
||
<div class="qrcode"></div>
|
||
</a></div>
|
||
<div class="a-wraper"><a class="weixin"><i class="bili-footer-font bili-footer-icon_wechat"></i>
|
||
<p>官方微信</p>
|
||
<div class="qrcode"></div>
|
||
</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="partner b-footer-wrap">
|
||
<div class="pic-box"><img src="//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/partner.png" class="pic"><img
|
||
src="https://s1.hdslb.com/bfs/static/jinkela/long/images/pic962110.png" width="100" height="40"
|
||
class="pic962110"></div>
|
||
<div class="text-con"><p>
|
||
<span><a
|
||
href="https://i0.hdslb.com/bfs/activity-plat/static/20240516/9ccf041718e5d6d6dfaebc91b85c791c/gd85E6tDco.jpg"
|
||
target="_blank">营业执照</a></span>
|
||
<span>信息网络传播视听节目许可证：0910417</span>
|
||
<span><a
|
||
href="https://i0.hdslb.com/bfs/activity-plat/static/20240516/9ccf041718e5d6d6dfaebc91b85c791c/eMegCdRHBH.jpg"
|
||
target="_blank">网络文化经营许可证 沪网文【2022】1848-115号</a></span>
|
||
<span>广播电视节目制作经营许可证：（沪）字第01248号</span>
|
||
<span>增值电信业务经营许可证 沪B2-20100043</span>
|
||
<span>互联网ICP备案：<a href="http://beian.miit.gov.cn/" target="_blank">沪ICP备13002172号-3</a></span>
|
||
<span><a
|
||
href="https://i0.hdslb.com/bfs/activity-plat/static/20240516/9ccf041718e5d6d6dfaebc91b85c791c/4ainzbFKao.jpg"
|
||
target="_blank">出版物经营许可证 沪批字第U6699 号</a></span>
|
||
<span>互联网药品信息服务资格证 沪-非经营性-2022-0011</span>
|
||
<span>营业性演出许可证 沪市文演（经）00-2253</span>
|
||
</p>
|
||
<p>不良信息举报邮箱：help@bilibili.com | 涉未成年举报邮箱：teenprotect@bilibili.com |
|
||
不良信息举报电话：4006262233转3</p>
|
||
<p><i class="sprite bg1"></i><a href="http://www.shjbzx.cn" target="_blank">上海互联网举报中心</a> | <a
|
||
href="http://www.sh12345.gov.cn/" target="_blank">12345政务服务便民热线</a> | <i
|
||
class="sprite bg2"></i><a
|
||
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002002436" target="_blank">沪公网安备31011002002436号</a>
|
||
| <a href="mailto:userreport@bilibili.com">儿童色情信息举报专区</a> | <a
|
||
href="http://www.shdf.gov.cn/shdf/channels/740.html">扫黄打非举报</a></p>
|
||
<p>
|
||
<a href="https://beian.cac.gov.cn/api/static/fileUpload/principalOrithm/additional/user_699bbd78-36f4-459c-aeb0-bf98a2a562d8_6185ea2c-c84c-404a-9280-c5465af05948.pdf"
|
||
target="_blank">网信算备310110764385705230011号</a> | <a
|
||
href="https://beian.cac.gov.cn/api/static/fileUpload/principalOrithm/additional/user_699bbd78-36f4-459c-aeb0-bf98a2a562d8_e03e6855-76a6-43fb-b799-d090e7fce25d.pdf"
|
||
target="_blank">网信算备310110764385702230013号</a></p>
|
||
<p>网上有害信息举报专区：<i class="sprite bg3"></i><a href="https://www.12377.cn/" target="_blank">中国互联网违法和不良信息举报中心</a>
|
||
</p>
|
||
<p>亲爱的市民朋友，上海警方反诈劝阻电话“96110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</p>
|
||
<p>公司名称：上海宽娱数码科技有限公司|公司地址：上海市杨浦区政立路489号|电话：021-25099888</p></div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="//s1.hdslb.com/bfs/seed/jinkela/header-v2/header.js" defer="defer"></script>
|
||
<script type="text/javascript" src="//s1.hdslb.com/bfs/seed/jinkela/footer-v2/footer.js" defer="defer"></script>
|
||
<div style="display:none"><a href="https://www.bilibili.com/v/game/match/">赛事库</a> <a
|
||
href="https://www.bilibili.com/cheese/">课堂</a> <a
|
||
href="https://www.bilibili.com/festival/2021bnj">2021拜年纪</a></div>
|
||
<script type="text/javascript" src="//s1.hdslb.com/bfs/seed/jinkela/short/auto-append-spmid.js"></script>
|
||
<script type="text/javascript"
|
||
src="//s1.hdslb.com/bfs/static/jinkela/search/1.search.dcb14224443da0dccc014fd0012c581c6dd51a2b.js"></script>
|
||
<script type="text/javascript"
|
||
src="//s1.hdslb.com/bfs/static/jinkela/search/search.dcb14224443da0dccc014fd0012c581c6dd51a2b.js"></script>
|
||
</body>
|
||
</html>
|