* { margin: 0; padding: 0 } *, :after, :before { box-sizing: border-box } body, html { height: 100% } html { -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.6; font-size: 14px; -webkit-tap-highlight-color: transparent } input, button, textarea, select { outline: none; resize: none; border: none; -webkit-appearance: none; appearance: none; background: 0 0; color: inherit; font: inherit } body, input, textarea, select, button { -webkit-touch-callout: none; -webkit-font-smoothing: antialiased; font-family: -apple-system-font, BlinkMacSystemFont, helvetica neue, pingfang sc, hiragino sans gb, microsoft yahei ui, microsoft yahei, Arial, sans-serif } body { color: #282828; background: #fff } img { border: none } em { font-style: normal } button { cursor: pointer; background: 0 0 } button, video { border: none; outline: none } ol, ul, li, dl, dd, dt { list-style: none } h1, h2, h3, h4 { font-weight: 600/*横幅海报字体大小2022-3-12*/ } a { text-decoration: none; color: #282828; outline: none } a:hover { text-decoration: none; color: #ff2a14 } table { empty-cells: show; border-collapse: collapse } caption, th { text-align: left; font-weight: 400 } select::-ms-expand, input[type=radio]::-ms-check, input[type=checkbox]::-ms-check, input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=number]::-ms-clear { display: none } input[type=radio], input[type=checkbox] { clip: rect(0, 0, 0, 0) } /*ads*/ .gg-icon{ position: absolute;left: 5px;width: 38px;height: 22px;margin-right: 3px;z-index: 8; vertical-align: middle; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAsCAMAAAD4va5DAAAAolBMVEX///8AAAAAAAAAAAAAAAACAgIAAAAAAAAGBgb5+fns7OwAAACBgYHq6ur9/f17e3tgYGD09PSoqKiLi4sAAAANDQ3V1dW6urqPj48DAwMAAAD////u7u7j4+MbGxv////b29vBwcH19fXt7e3GxsaLi4ukpKRTU1P4+Pjl5eXh4eHX19fLy8vb29v4+PisrKwvLy86Ojr7+/vy8vK4uLhVVVX0WqNFAAAANnRSTlOZAgULFR0IACCBYxIvW4sxJmk0HxoXU0grJQ6TZl0cj1RFcmtENTUmfGFYTUlGcT4rI4dyMhsJ24tXAAABiElEQVRIx+3XyW6DMBCA4WnAzrCUJUDYCpQAIWuTdHn/V6sNqZqFAwSfqv4HJHP4ZECIAabT6ZOQGARnazKqhuBYI1EqjYjSxpsCt6gUaZr8cJoWSZRr0FiObcCIDNvhWoNJTgYjyxypxWhkw+jsiHJsQjVjPGZodMIxSQMBaVKLySIw+R/jxX5lXK2LFYDqK4/tLCeby+UadwA7XAzECj/Py7KcuXVZ5rnv+zHfmEXYzvbuUOwVyU+IGIYhxxLipp4ne15K2Dm/P0Y2ylV8tyQNWF+yEwS6ac4HYC9w0wLT5vr28tvgy7zD3msbhGHqRm369LZqW/Y4FiJxWR7LdQnBMFR6Ylss4KYkSZ4vYkujJ7bDhbjX6YAruGu9nLGW7THvj1Vo3GNzcrIsq64tFtH7YyeELuz3qaT9MQUrcZiKW3HYISw6MSvQddM0dT0gvbH4eIy7MLS41Who9r9nc+hoXX3Auazy/84HZSAmdjwQOriIHKmEDnuCx1ChA7LI0V3sT4XQ351vRIIkxg4KQCAAAAAASUVORK5CYII=); background-size: cover;} .module-adslist{border-radius: 5px;} .ads_w a{width: 100%;display: block;padding: 3px; position: relative;} .ads_w img{border-radius: 4px;} .wrapper { width: 100% } .content { width: 100%; max-width: 1740px; margin: 0 auto } .none { display: none !important } .padpro { display: none } .phone { display: none } .nopc { display: none } .block { display: block !important } .shadow { box-shadow: 0 0 10px -3px rgba(0, 0, 0, .16) } .search-dh { width: 100%; } .shadow-large, #search-content .search-box, .homepage .header-content .search-box, .box, .box::after, .box::before { box-shadow: 0 7px 21px rgba(149, 157, 165, .22) } .shadow-larger, .module-item-cover:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, .3) } .shadow-drop, .btn-aux-o:hover, .drop:hover .drop-content-box { box-shadow: 0 3px 12px rgba(0, 0, 0, .18) } .transition, .header-content .banyundog-com+.nav-search, .nav-menu-icon::after, .switcher-label i, .module-item-cover, .module-item-pic a, .module-item-pic a i, .block-box-content .title::after, .block-box-bg { transition: all .3s ease-in } .transition-bg, .shortcuts-overlay, .shortcuts-mobile-overlay { transition: background-color .3s ease } .transition-d, .drop-content-box, .header-logo, .module-item-content, .tips-box { transition-duration: 300ms } .border, .btn-block-o, .btn-aux-o, .grid-more-link, .popup-btn-o { position: relative } .border::after, .btn-block-o::after, .btn-aux-o::after, .grid-more-link::after, .popup-btn-o::after { border: 1px solid #d7dae1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none } @media only screen and (max-width:1024px) { .border::after, .btn-block-o::after, .btn-aux-o::after, .grid-more-link::after, .popup-btn-o::after { width: 200%; height: 200%; -webkit-transform: scale(.5); transform: scale(.5) } } .border-top, #footer, .library-box, #friendlink { position: relative } .border-top::after, #footer::after, .library-box::after, #friendlink::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #eaedf1 } .border-bottom, .header-content, .play .app-text { position: relative } .border-bottom::after, .header-content::after, .play .app-text::after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #eaedf1 } @media only screen and (max-width:1024px) { .border-top::after, #footer::after, .library-box::after, #friendlink::after, .border-bottom::after, .header-content::after, .play .app-text::after { -webkit-transform: scaleY(.5); transform: scaleY(.5) } } .arrow-bottom, .drop-content-items::before { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 8px solid rgba(7, 7, 10, .92) } .arrow-top, .module-tab-item.selected::after { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid rgba(7, 7, 10, .92) } @font-face { font-family: dianyingim; src: url(../font/dianyingim.eot); src: url(../font/dianyingim.eot#iefix) format("embedded-opentype"), url(../font/dianyingim.ttf) format("truetype"), url(../font/dianyingim.woff) format("woff"), url(../font/dianyingim.svg#dianyingim) format("svg"); font-weight: 400; font-style: normal; font-display: block } [class^=icon-], [class*=" icon-"] { font-family: dianyingim !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: revert; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-apple:before { content: "\e922" } .icon-app:before { content: "\e921" } .icon-android:before { content: "\e920" } .icon-domain:before { content: "\e91f" } .icon-next:before { content: "\e91e" } .icon-home:before { content: "\e91d" } .icon-happy:before { content: "\e900" } .icon-arrow-bottom-o:before { content: "\e901" } .icon-watch-history:before { content: "\e902" } .icon-search:before { content: "\e903" } .icon-arrow-bottom:before { content: "\e904" } .icon-play:before { content: "\e905" } .icon-cate-zy:before { content: "\e906" } .icon-clear:before { content: "\e907" } .icon-cate-dm:before { content: "\e908" } .icon-cate-ds:before { content: "\e909" } .icon-cate-dy:before { content: "\e90a" } .icon-close-o:before { content: "\e90b" } .icon-all:before { content: "\e90c" } .icon-arrow-right:before { content: "\e90d" } .icon-sort:before { content: "\e90e" } .icon-close:before { content: "\e90f" } .icon-share:before { content: "\e910" } .icon-arrow-right-o:before { content: "\e911" } .icon-hot:before { content: "\e912" } .icon-hot-o:before { content: "\e913" } .icon-more:before { content: "\e914" } .icon-warn:before { content: "\e915" } .icon-tv:before { content: "\e916" } .icon-video-file:before { content: "\e917" } .icon-qrcode:before { content: "\e918" } .icon-download:before { content: "\e919" } .icon-url:before { content: "\e91a" } .icon-download-bold:before { content: "\e91b" } .icon-screen-o:before { content: "\e91c" } .icon { width: 16px; height: 16px; margin-right: 5px } .more i { margin: 0 -5px 0 0 } .more i, .load-all i { vertical-align: -1px; transform: scale(.8) } .load-all { min-width: 230px; text-align: center; color: rgba(7, 7, 10, .92); font-weight: 700 } @media only screen and (max-width:559px) { .load-all { min-width: 100% } } .shortcuts-overlay, .shortcuts-mobile-overlay { pointer-events: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent; content: ""; z-index: 9 } .space-line-bold { margin: 5px 10px; width: 2px; border-radius: 5px; background: #c2c6d0; float: left; height: 13px } .line { height: 1px; background: #eaedf1; margin: 5px 0 } .flex, .header-content, .header-content .content, .module-heading { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center } .flex-end, .nav, .home-search .home-search-box, .nav-search .search-box, .module-tab { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end } .flex-start, .nav-search { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .nowrap, .list-item-link, .module-blocklist a, .module-item-caption span, .module-item-style.video-name, .module-item-style.video-tag a, .module-item-title, .module-item-text, .text-list-title, .text-list-title h3, .text-list-title p, .module-row-title h4, .module-row-title p, .video-subtitle, .video-info-aux, .video-info-items .video-info-actor, .tips-list li, .module-search-item .video-info-header h3, .module-search-item .video-info-items:nth-child(3) .video-info-item { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .clearfix { *zoom: 1; } .clearfix:after, .clearfix:before { display: table; content: "" } .clearfix:after { clear: both } .disabled { cursor: not-allowed !important } .slash { padding: 0 7px; color: #d7dae1 } .slash:first-child { display: none } .scroll-box-y { max-height: 30vh; overflow-y: auto } .scroll-box-y::-webkit-scrollbar { width: 6px; height: 1px } .scroll-box-y::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, .51) } .scroll-box-y::-webkit-scrollbar-track { background: 0 0; margin: 2px } .playon { height: 8px; position: absolute; left: calc(50% - 11px); bottom: 0 } .playon i { width: 4px; height: 6px; border-radius: 5px 5px 0 0; background-color: #ff2a14; position: absolute; bottom: 0; left: 0 } .playon i:nth-last-child(1) { animation: playon .8s .3s infinite } .playon i:nth-last-child(2) { animation: playon .8s .1s infinite; left: 6px } .playon i:nth-last-child(3) { animation: playon .6s .2s infinite; left: 12px } .playon i:nth-last-child(4) { animation: playon 1s .3s infinite; left: 18px } @keyframes playon { 0% { height: 70% } 50% { height: 100% } 100% { height: 35% } } .bg-ball { z-index: -10; position: absolute; top: -30px; left: calc(50% - 20px); width: 26px; height: 57px; border-radius: 50px 50px 0 0; background-image: linear-gradient(-180deg, #ff2a14, rgba(255, 255, 255, 0) 83%); opacity: .38 } .bg-ball::after { content: ""; position: absolute; top: 68px; left: -30px; width: 20px; height: 30px; border-radius: 50px 50px 0 0; background-image: linear-gradient(-180deg, #ff9800, rgba(255, 255, 255, 0) 79%) } .bg-ball::before { content: ""; position: absolute; top: 40px; right: -35px; left: auto; width: 14px; height: 40px; border-radius: 50px 50px 0 0; background-image: linear-gradient(-180deg, #34a853, rgba(255, 255, 255, 0) 77%) } .btn-xsmall, .extra-tips, .module-item-caption span, .module-item-style.video-tag a, .video-player-handle .handle-btn em, .tips-list span { padding: 0 5px; line-height: 20px; font-size: 12px; border-radius: 5px; display: inline-block !important } .btn-small, .video-info-aux .tag-link { padding: 0 10px; line-height: 28px; font-size: 14px; border-radius: 10px; display: inline-block } .btn-base, .more, .search-tag a, .module-tab-item, .module-blocklist a, .library-item, .video-serial { padding: 0 20px; line-height: 35px; font-size: 14px; display: inline-block; border-radius: 10px } .btn-large, .load-all, .popup-btn, .popup-btn-o, .page-number { padding: 0 15px; line-height: 40px; font-size: 14px; display: inline-block; border-radius: 10px } .btn-block-o { text-align: center; width: 70px; display: inline-block; height: 70px; padding: 10px 0 } .btn-block-o::after { border-radius: 10px } .btn-block-o i { font-size: 18px; line-height: 30px; color: rgba(0, 0, 0, .51); display: block } .btn-no { background: rgba(0, 0, 0, .28); cursor: not-allowed } .btn-gray, .more, .load-all, .module-tab-item, .module-blocklist a, .video-info-aux .tag-link, .page-number { background: #f3f5f7; color: rgba(0, 0, 0, .68) } .btn-gray:hover, .more:hover, .load-all:hover, .module-tab-item:hover, .module-blocklist a:hover, .video-info-aux .tag-link:hover, .page-number:hover { background: #eaedf1 } .video-player-handle .handle-btn em { background: #34a853; background: linear-gradient(90deg, #7ec53d, #34a853) } .btn-gray-dark { background: #d7dae1 } .btn-gray-dark:hover { background: #c2c6d0 } .btn-main, .popup-btn { background: #ff2a14; color: #fff } .btn-yellow { background: #ff9800; color: #fff } .btn-main-linear, .btn-important { background: #ff2a14; background: linear-gradient(90deg, #ff9800, #ff2a14) !important } .btn-aux-linear, .btn-aux, .btn-aux-o:hover, .extra-tips { background: #34a853; background: linear-gradient(90deg, #7ec53d, #34a853) } .btn-aux-linear:hover, .btn-aux:hover, .btn-aux-o:hover, .extra-tips:hover, .btn-main-linear:hover, .btn-important:hover { color: #fff } .btn-main-light, .module-item-go.selected .module-item-cover .module-item-pic i, .module-item-go .module-item-cover:hover .module-item-pic i { background: #fde6dd } .btn-dark-light { background: rgba(0, 0, 0, .62); color: #fff } .btn-dark-light:hover { background: rgba(0, 0, 0, .83); color: #fff } .btn-aux { margin-left: 10px } .btn-important, .btn-aux { border-radius: 50px; padding: 0 30px; color: #fff; cursor: pointer } .noplaylist i, .btn-aux i { margin-right: 5px; font-weight: 900; font-size: 14px; vertical-align: -1px } .btn-aux-o { color: #34a853; background: #ecf9f0 } .btn-aux-o:hover::after { border: none } .btn-aux-o::after { border-color: #34a853; border-radius: 50px } .btn-important i { margin-right: 5px; font-size: 12px; vertical-align: 1px } .noplaylist { background: #d7dae1; color: #8f8f8f !important; border-radius: 50px; padding: 0 30px; position: relative } .extra-tips { color: rgba(7, 7, 10, .92); position: absolute; z-index: 3; transform: scale(.78); transform-origin: top right; top: -6px; right: -12px; border-radius: 20px 20px 20px 0; color: #fff } .noplaylist .extra-tips { line-height: 22px; padding: 0 7px; top: -8px; right: -8px } a.btn-large.btn-collect:hover { color: #fff; } @media only screen and (max-width:559px) { .btn-base, .more, .search-tag a, .module-tab-item, .module-blocklist a, .library-item, .video-serial { font-size: 12px } .slash { padding: 0 4px } .mobile-open { overflow: hidden; height: 100% } .mobile { overflow: hidden; height: 100% } } #header { position: relative; padding-top: 70px !important; } #footer { background: #f3f5f7; font-size: 12px; color: rgba(0, 0, 0, .51); padding: 10px 20px } #header::after { content: ''; position: absolute; width: 100%; left: 0; top: 100%; z-index: -1; background: #eaedf1 } .homepage #header { margin-bottom: 50px; padding: 0 15px } .homepage #header::after { height: 90%; top: 0 } .page #header { margin-bottom: 30px; } .view #header::after { height: 388% } .article #header::after, .library #header::after { height: 238% } .nfpage #header::after { height: 350% } .play #header { margin: 0 } .search #header { margin: 0; background: 0 0 } .search.page #header::after { height: 120px; top: 0; z-index: -2; background: url(../image/searchbg.jpg); background-position: center center; background-size: 100% } /*新的*/ /*.header-content { position: fixed; top: 0; left: 0; width: 100%; height: 70px; z-index: 98 } .header-bg { -webkit-backdrop-filter: saturate(180%) blur(10px) } .page .header-bg { background: rgba(7, 7, 10, .92) } .homepage .header-content { padding: 0 15px } .homepage .header-bg { background: rgba(234, 237, 241, .96) } .search .header-content { background: 0 0; backdrop-filter: none; transition: all linear .5s } .search .header-bg { background: rgba(7, 7, 10, .92); -webkit-backdrop-filter: saturate(180%) blur(10px) }*/ /*新的*/ /*老的*/ .header-content { position: fixed; top: 0; left: 0; width: 100%; height: 70px; z-index: 98 } .header-bg { -webkit-backdrop-filter: saturate(180%) blur(10px) } .page .header-content { background: rgba(7, 7, 10, .92) } .homepage .header-content { padding: 0 15px } .homepage .header-bg { background: rgba(234, 237, 241, .96) } .search .header-content { background: 0 0; backdrop-filter: none; transition: all linear .5s } .search .header-bg { background: rgba(7, 7, 10, .92); -webkit-backdrop-filter: saturate(180%) blur(10px) } /*老的*/ .drop-content { position: absolute; top: 38px; padding: 10px 10px 25px; font-size: 0; right: 0; margin: -5px -35% 0; min-width: 210px; max-width: 330px; pointer-events: none; height: auto; overflow: hidden; z-index: 10 } .drop-content-box { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; background: #fff; border-radius: 10px; border-top-right-radius: 7px } .drop-content-box::after { border-radius: 10px } .drop-content-items { padding: 15px; position: relative } .drop-content-items::before { content: ''; border-bottom-color: #fff; position: absolute; top: -8px; z-index: 20; right: 18px } .drop-content-items li { font-size: 14px } .drop-content-items li a:hover { background: #f3f5f7 } .drop { position: relative } .drop:hover .drop-content { pointer-events: auto; z-index: 20 } .drop:hover .drop-content-box { transform: translateZ(0); -webkit-transform: translateZ(0); opacity: 1 } .drop:hover::before { content: ''; position: absolute; top: 100%; width: 500%; right: 0; height: 25px } .drop-tips { padding: 60px 0; text-align: center; color: rgba(0, 0, 0, .4) } .drop-history { min-width: 330px; max-width: auto } .grid-item { display: inline-block } .grid-item a, .grid-more-link { display: inline-block; text-align: center; width: 75px; padding: 10px 0 12px; border-radius: 10px } .grid-item i { font-size: 18px; width: 50px; line-height: 35px; margin-bottom: 7px; background: #f3f5f7; border-radius: 18px } .grid-item-name { font-weight: 700 } .grid-more { width: 100%; margin-top: 10px } .grid-more-link { padding: 0 !important; width: 100% !important; line-height: 35px; color: #ff2a14 } .grid-more-link::after { border-radius: 10px } .list-item:last-child::after { height: 0 } .list-item::after { background-color: #f3f5f7 } .list-item-link { border-radius: 10px; line-height: 30px; padding: 0 15px 0 10px; width: 100% } .list-item-link .icon-play { font-size: 14px; opacity: .2; transform: scale(.56); margin-right: 5px } .list-item-link:hover .icon-play { opacity: 1 } .list-item-link span { float: right; color: #aaadb5; overflow: hidden; max-width: 20% } .list-item-title { padding: 0 0 5px 3px; font-size: 12px } .list-item-title strong { color: rgba(0, 0, 0, .4) } .list-item-title .playlist { float: right; font-size: 12px } .list-item-title .playlist:hover { background: 0 0 } .list-item-title .playlist i { margin-right: 5px } /*home样式*/ .home-search{flex: 2;} .home-search .home-search-box { height: 45px; background: 0 0; width: 100%; max-width: 500px; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid hsla(0,0%,100%,0); background: -webkit-gradient(linear,left top,right top,from(rgba(114,214,245,.2)),color-stop(50%,rgba(200,193,221,.2)),to(rgba(255,148,179,.2))); background: -webkit-linear-gradient(left,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2)); background: -o-linear-gradient(left,rgba(114,214,245,.2) 0,rgba(200,193,221,.2) 50%,rgba(255,148,179,.2) 100%); background: linear-gradient(90deg,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2)); border-radius: 10px; width: 100%; white-space: nowrap; } .home-search-dh{margin: auto 35px;} .home-search .search-cupfox{ background: #25252b00;} .home-search .search-cupfox::after { background: #c5c5c5; } .home-search{display:block} .header-bg .home-search{display:none} @media (max-width: 899px){ .home-search{display:none} } /*home样式*/ .search-box { background: #fff; border-radius: 10px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .search-input { font-size: 16px; height: 100%; width: 100%; padding: 0 10px 0 20px; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .search-btn { padding: 0 20px 0 0 } .search-btn .icon-search { width: 17px; text-align: center; vertical-align: -2px; font-size: 18px; color: #00b7ee; } .search-btn .phb { font-size: 18px; color: #00b7ee } .search-cupfox { display: flex; align-items: center; padding: 0 30px 0 10px; background: #fff } .search-cupfox::after { content: ''; height: 50%; width: 1px; background: #d7dae1; display: inline-block; position: relative; right: -15px } .search-cupfox .icon-cupfox { background: url(../image/cupfox_logo.svg) no-repeat center; height: 21px; width: 28px; background-size: 100% } .search-cupfox span { font-size: 15px; font-style: italic; color: #db542f; margin-left: 3px; font-weight: 500 } .search-drop { z-index: 10; position: absolute; top: 100%; left: 0; width: 100% } .ac_bg, .ac_hot, .ac_items { padding: 15px 20px 20px; box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .2); background: rgba(255, 255, 255, .9); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); position: relative; border-radius: 0 0 10px 10px } .ac_bg::after, .ac_hot::after, .ac_items::after { content: ''; height: 5px; background: #fff; width: 100%; display: inline-block; left: 0; right: 0; top: -5px; position: absolute } .ac_bg::before, .ac_hot::before, .ac_items::before { content: ''; height: 1px; background: #eaedf1; width: calc(100% - 40px); display: inline-block; left: 20px; right: 20px; top: 0; position: absolute } .ac_items li { cursor: pointer } .ac_items li:hover { background: rgba(0, 26, 58, .08); color: #ff2a14 } .search-drop .list-item-title { font-size: 14px } .search-drop .drop-content-items::before { border-color: transparent; border-bottom-width: 1px } .search-tag { font-size: 0; margin: 0 -4px } .search-tag a { color: rgba(0, 0, 0, .83); background: rgba(0, 26, 58, .08); padding: 0 15px; margin: 4px } .search-tag a:hover, .search-tag .hot { color: #00b7ee; } .search-tag .hot { } .search-tag .hot:hover { } .search-tag i { margin-right: 3px; vertical-align: -4% } .cancel-btn { display: none } #report-popup~.shortcuts-overlay, .open~.shortcuts-mobile-overlay { background-color: rgba(0, 0, 0, .5); pointer-events: auto; z-index: 99 } .popup { box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .05), 0 1.5rem 2.2rem rgba(0, 0, 0, .1) !important; padding: 0 30px; background: #fff; width: 370px; position: fixed; top: 50%; left: 50%; z-index: 999999; transform: translateX(-50%) translateY(-50%); margin: 0 auto; border-radius: 18px } .popup::after { content: ''; height: 80px; width: 100%; background: #eaedf1; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 18px 18px 0 0 } .popup-header { line-height: 40px; text-align: center } .popup-title { position: relative; font-size: 18px; font-weight: 900; display: inline-block } .popup-title::after { content: ''; position: absolute; width: 100%; height: 30%; background: #fde6dd; border-radius: 5px; left: 0; bottom: 5px; z-index: -1 } .close-popup { position: absolute; right: calc(50% - 20px); border: 1px solid #fff; border-radius: 50px; bottom: -50px; width: 40px; line-height: 40px; height: 40px; text-align: center; cursor: pointer } .close-popup:hover { background: #fff } .close-popup i { transform: scale(.88); font-size: 12px; color: #fff } .close-popup:hover i { color: #ff2a14 } .popup-icon { width: 100%; text-align: center; height: 200px; margin: -60px 0 0 } .popup-icon img { height: 200px } .popup-main { padding-bottom: 20px } .popup-main p { padding: 12px 0 0 } .popup-main p a { color: #ff2a14 } .popup-main p img { height: 50%; width: 50%; display: block; margin: 0 auto } .popup strong { color: #ff2a14 } .popup-footer { padding: 10px 0 30px; text-align: center } .popup-footer p { margin-top: 10px } .popup-btn { font-weight: 700; border-radius: 50px; width: 100%; cursor: pointer } .popup-btn-o { color: #ff2a14; font-weight: 700; width: 100%; cursor: pointer } .popup-btn-o:nth-child(2) { margin-top: 10px } .popup-btn-o::after { border-color: #ff2a14; border-radius: 50px } .popup-msg { position: fixed; width: 280px; z-index: 9999999; height: auto; padding: 30px; top: 50%; left: 50%; margin: -50px 0 0 -140px; text-align: center; color: #fff; background-color: rgba(7, 7, 10, .92); border-radius: 10px } .popup-tips::after { background: 0 0 } .popup-tips .popup-header { padding-top: 25px } .popup .article-bg, .popup .article-bg01 { z-index: -1 } .popup .article-bg { background-position: 200% 0; background-size: 70% } .popup .article-bg01 { background-position: right -40px } .popup-footer .url { margin: -15px -20px 0; color: #c2c6d0 } .popup-footer .url em { margin: 0 5px; color: rgba(7, 7, 10, .92); font-weight: 700 } #report-popup::after { background: #d7dae1 } #report-popup .popup-icon { height: 130px; margin: -50px 0 15px; overflow: hidden } #report-popup .popup-main { padding-bottom: 30px; min-height: 291px } .report-content { width: 100%; min-height: 100px; padding: 15px; margin: 10px 0 15px; resize: auto; background: #eaedf1; border-radius: 10px } #search-content { width: 100%; max-width: 680px; margin: auto } .nav { /*flex: 1;*/ overflow-y: auto } .sub-block { width: 275px } .index-logo { margin: 0 auto; height: 150px; position: relative } .logo-s { position: absolute; bottom: 25px; left: 50%; margin-left: -115px; font-size: 0 } .logo-s img { width: 230px; height: 65px } #search-content .search-box { height: 56px } .search-main { height: 56px } .header-content { height: 70px } .header-content::after { height: 0 } .brand, .logo img { height: 72px; font-size: 0 } .brand { margin: 0 30px 0 0 } .banyundog-com { height: 72px; overflow: hidden; font-size: 0; } .header-content .banyundog-com+.nav-search { opacity: 0 } .header-content.header-bg .banyundog-com+.nav-search { opacity: 1 } .header-logo { transform: translateZ(0); -webkit-transform: translateZ(0); padding:0px 40px 0px 10px; } .header-bg .header-logo { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .nav-menu-items { float: left } .nav-menu-item { padding: 0 11px; float: left; font-size: 16px } .nav-menu-item>a>span { font-weight: 700 } .nav-menu-item-name { color: #f3f5f7; font-weight: 700 } .nav-menu-icon { position: relative; cursor: pointer } .nav-menu-icon::after { content: ''; opacity: 0; transform: scale(.01); position: absolute; left: -11px; top: -12px; height: 40px; width: 40px; border-radius: 50px; display: inline-block } .nav-menu-item:hover .nav-menu-icon::after { background: #d7dae1; opacity: 1; transform: scale(1) } .nav-menu-icon i { position: relative; z-index: 2; padding: 0 1px } .nav-menu-item .icon-watch-history { font-size: 18px; vertical-align: -2px } .nav-menu-item .icon-all { font-size: 16px; vertical-align: -1px } .nav-menu-item.selected span { position: relative } .nav-menu-item.selected span::after { content: ''; width: 35%; height: 4px; background: #00b7ee; display: inline-block; position: absolute; bottom: 3px; left: 32.5%; border-radius: 5px } .nav .nav-menu-item { line-height: 45px; padding: 0 10px } .nav .nav-menu-item span, .nav .nav-menu-item a { display: inline-block } .nav .space-line-bold { margin: 15px 10px } .header-module .nav-menu-item:nth-child(-n+2) { display: none } .page .nav-menu-item>a>i, .page .nav-menu-item>span>i { color: #f3f5f7 } .page .nav-menu-item:hover .nav-menu-icon::after { background: rgba(255, 255, 255, .1) } .nav-menu-item:hover>a>i, .nav-menu-item:hover>span>i { color: #ff2a14 } .nav-menu-item .icon-app { margin: 0 5px; vertical-align: -1px } .plus { position: relative; cursor: pointer } .plus em { position: absolute; right: 2px; top: -10px; font-size: 12px; font-weight: 700; color: #00b7ee; } .plus:hover { color: #ff2a14 } .plus:hover em { color: #ff9800 } .switcher-hide { position: absolute; border: 0; height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; clip: rect(0 0 0 0) } .switcher-label i { color: #f3f5f7; font-size: 12px; transform: rotate(0deg) scale(.68); vertical-align: 7%; cursor: pointer } .nav-menu-item.selected i { color: #ff2a14 } .nav-menu-item:hover .switcher-label i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) scale(.68); color: #ff2a14 } .nav-menu-item:hover .nav-menu-item-name, .nav-menu-item.selected .nav-menu-item-name { position: relative; color: #00b7ee; } .nav-menu-search i { font-weight: 700; color: #fff; vertical-align: -2px; padding: 11px 12px 11px 10px; margin: -11px } .nav-search { flex: 1; margin-right:40px; height:50px; } .nav-search .search-box { height: 45px; background: 0 0; width: 100%; } .nav-search .search-input { background: rgba(255, 255, 255, .1); border-radius: 10px 0 0 10px } .nav-search .search-cupfox { border-radius: 0 !important } .nav-search .search-cupfox .icon-cupfox { width: 22px } .nav-search .search-cupfox span { font-size: 14px } .nav-search .search-cupfox::after { background: rgba(255, 255, 255, .1) } .nav-search .search-btn { background: rgba(255, 255, 255, .1); font-size: 16px; border-radius: 0 10px 10px 0; color: #fff } .nav-search .ac_bg, .nav-search .ac_hot, .nav-search .ac_items, .nav-search .search-focus { background: #fff; color: rgba(7, 7, 10, .92) !important } .nav-search .search-input:focus~.search-btn { color: #ff2a14 } .nav-search .search-input:focus~.search-cupfox::after { background: #e3e6eb } .nav-search .ac_bg::after, .nav-search .ac_hot::after, .nav-search .ac_items::after { height: 8px; top: -8px } .homepage .header-content .search-box { background: #fff; border-radius: 10px } .homepage .nav-search .search-cupfox::after { background: #d7dae1 } .homepage .app-text { margin-top: -40px; padding: 15px 0 25px; position: relative } .page .nav-search .search-input { color: #e3e6eb } .play .app-text { margin: -20px -30px 15px; line-height: 40px; background: #fef0e5; overflow: hidden } .play .app-text .bg-ball { z-index: 1; top: -20px } .play .app-text .bg-ball::after { top: 50px } .play .app-text a { color: #ff2a14 } .app-text { text-align: center; display: none } .app-text strong { margin: 0 5px } .app-text i { vertical-align: -1px; font-size: 12px; margin-right: 5px } .module { padding-bottom: 20px } .module-wrapper { display: flex } .module-main { width: 1520px } .module-side { margin-left: 20px; width: 200px } .tab-list, .module-downlist { display: none } .tab-list.selected, .module-downlist.selected { display: block } .module-downlist.selected .module-row-text, .tab-list.selected .module-blocklist a { animation: opacity .2s; -webkit-animation: opacity .2s } @keyframes opacity { 0% { opacity: 100% } 50% { opacity: 30% } 100% { opacity: 100% } } @-webkit-keyframes opacity { 0% { opacity: 100% } 50% { opacity: 30% } 100% { opacity: 100% } } .module-heading { margin-bottom: 15px; font-size: 0; vertical-align: baseline; position: relative } .module-heading .more { position: absolute; right: 0; top: 0; border-radius: 18px } .module-title { font-size: 26px; font-weight: 600; line-height: 1.3 } .module-title span { padding: 0 3px; position: relative; top: -2px } /*最新热播里面的推荐电影css*/ .module-sub-title { height: 40px; float: left; line-height: 50px; overflow: hidden; white-space: inherit; padding-left:15px; } .module-sub-title .module-link-wrap { display: inline-block; text-align: center; } .module-sub-title .module-link-wrap a{ margin-right: 2px; padding: 0 10px; font-size: 14px; } @media (max-width:899px) { .module-sub-title {display:none;} } /*最新热播里面的推荐电影css*/ .page-title { font-size: 38px; font-weight: 700 } .sort-list .module-tab, .module-tab-name, .module-tab-title, .module-tab-input { display: none } .module-tab { flex: 1; white-space: nowrap } .module-tab-items::-webkit-scrollbar { display: none } .module-tab-item { margin-left: 5px; border-radius: 18px; cursor: pointer; position: relative } .module-tab-item.selected { background: #ff2a14; font-weight: 700; color: #fff } .module-tab-item.selected::after { content: ''; position: absolute; top: 99%; left: 50%; display: inline-block; margin-left: -7px; border-top: 6px solid #ff2a14 } .module-tab-item i { margin-right: 5px; color: #ff2a14 } .module-tab-item small { position: absolute; right: 0; top: 0; transform: scale(.8); transform-origin: top right; font-weight: 400; background: rgba(0, 0, 0, .05); -webkit-backdrop-filter: saturate(180%); color: rgba(0, 0, 0, .4); padding: 0 6px 0 5px; border-radius: 0 13px 0 5px; height: 19px; line-height: 20px; font-size: 12px } .module-player-tab .module-tab-items { overflow: auto } .module-player-tab .module-tab-item { line-height: 50px; margin-left: 3px; border-radius: 10px 10px 0 0 } .module-player-tab .module-tab-item.selected { background: #eaedf1; color: #ff2a14 } .module-player-tab .module-tab-item.selected::after { border: none } .module-list { font-size: 0 } .module-player-list { padding: 15px; background: #eaedf1; margin-bottom: 20px; border-radius: 10px 0 10px 10px } .module-blocklist { margin: -5px } .module-blocklist a { background: #f7f8f9; color: rgba(0, 0, 0, .68); margin: 5px; width: calc(6.66% - 10px); padding: 1px 10px; text-align: center; position: relative } .module-blocklist a:hover { background: #fff; color: #00b7ee; } .module-blocklist .selected, .module-blocklist .selected:hover { color: #ff2a14; font-weight: 700 } .module-vod-list .module-blocklist a { line-height: 1.38; padding: 8px 10px; width: calc(12.5% - 10px) } .module-items { margin-right: -20px } .module-item { position: relative; width: 200px; margin: 0 20px 20px 0; display: inline-block; font-size: 14px } .module-item-cover { position: relative; height: 0; padding-top: 140%; background-position: 50% 50%; background-size: cover; overflow: hidden; border-radius: 5px } .module-item-caption { position: absolute; right: 0; bottom: 0; left: 0; height: 44px; padding: 12px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.68), transparent) } .module-item-caption span { max-width: 58px; background: rgba(0, 0, 0, .51); color: #c2c6d0; margin: 0 5px 0 0 } .module-item-caption span:last-child { margin: 0 } .module-item-caption span.video-class:nth-child(n+3) { display: none !important } .module-item-ru{ position: absolute; height: 18px; line-height: 18px; right: 0; top: 0; font-size: 12px; } .module-item-ru span { border-radius: 0 5px 0 5px; padding: 0px 8px; display: block; } .module-item-ru .vip{ background: #ffdd9a; color: #4e2d03; } .module-item-ru .rebo{ background: #ff008c; color: #fff; } .module-item-ru .tuijian{ background: #cc00ff; color: #fff; } .module-item-ru .yugao{ background: #03c8d4; color: #fff; } .module-item-content { transform: translateZ(0); -webkit-transform: translateZ(0); padding: 12px 15px; font-size: 12px; background: #fff; z-index: 2; position: relative } .module-item-cover:hover .module-item-content { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .module-item-style { color: rgba(0, 0, 0, .62); font-size: 0 } .module-item-style.video-name { font-size: 16px; font-weight: 700 } .module-item-style.video-tag { padding: 8px 0 } .module-item-style.video-text { font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-wrap: break-word; display: -webkit-box; max-height: 58px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: normal; word-break: break-all } .module-item-style.video-tag a { background: #eaedf1; max-width: 50px; margin: 0 5px 0 0; color: rgba(0, 0, 0, .62) } .module-item-style.video-tag a:nth-child(n+4) { display: none !important } .module-item-cover::before { content: ''; opacity: .1; background-image: radial-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 44%, rgba(0, 0, 0, 0.56) 100%); position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 5px; z-index: 1; pointer-events: none } .module-item-cover:hover::before { opacity: 1; backdrop-filter: contrast(1.2) saturate(1.2) } .module-item-pic, .module-item-pic img { height: 100%; width: 100% } .module-item-pic img { top: 0; left: 0; object-fit: cover; position: absolute } .module-item-pic img.lazyloading+.loading { position: absolute; opacity: 1; bottom: 25%; left: 50%; margin-left: -15px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; animation: Loading 1s steps(8, end) infinite; background: #e3e6eb url(../image/load.svg) no-repeat; border-radius: 50px; border: 5px solid #e3e6eb; background-size: 100% } @keyframes Loading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg) } } .module-item-pic a { padding-top: 53px; height: 100%; width: 100%; text-align: center; position: absolute; background-size: cover; left: 0; top: 0; z-index: 1 } .module-item-pic a i { opacity: 0; transform: scale(.6); height: 40px; width: 40px; background: #fff; color: rgba(7, 7, 10, .92); border-radius: 50px; line-height: 40px; text-indent: 2.5px; font-size: 12px } .module-item-cover:hover .module-item-pic a { background: rgba(0, 0, 0, .28) } .module-item-cover:hover .module-item-pic a i { opacity: .88; transform: scale(.9) } .module-item-cover:hover .module-item-pic a i:hover { opacity: 1 } .module-item-titlebox { margin-top: 12px } .module-item-title { font-weight: 700 } .module-item-text { margin-top: 3px; color: rgba(0, 0, 0, .4) } .module-footer { text-align: center; padding: 0 0 30px } .module-line-list .module-item:nth-child(n+9) { display: none } .module-item-go .module-item-cover { padding-top: 58%; overflow: inherit } .module-item-go .module-item-cover:hover { box-shadow: none } .module-item-go .module-item-pic i { opacity: 0; transform: scale(.6); height: 40px; width: 40px; background: #fff; color: rgba(7, 7, 10, .92); border-radius: 50px; line-height: 40px; text-indent: 2.5px; font-size: 12px; } @media (max-width: 1549px){ .module-item-go .module-item-pic a { padding-top: 35px; } } .module-item-go .module-item-pic img, .module-item-go .module-item-cover:hover .module-item-pic { border-radius: 5px } .module-item-go.selected .module-item-cover .module-item-pic i, .module-item-go .module-item-cover:hover .module-item-pic i { color: #ff2a14; opacity: 1; transform: scale(.85) } .module-item-go .module-item-caption { border-radius: 0 0 5px 5px } .module-item-go .module-item-titlebox { width: 85% } .module-item-go .module-item-pic img.lazyloading+.loading { bottom: 15% } .module-item-go.selected .module-item-title { color: #ff2a14 } .module-textlist { overflow: hidden; border-radius: 5px } .text-list-item { overflow: hidden; display: flex; padding: 12px 10px 11px; align-items: center } .text-list-item:nth-child(1) { background: linear-gradient(90deg, #f7edd1, #ffecb6) } .text-list-item:nth-child(2) { background: #e9eef5 } .text-list-item:nth-child(3) { background: #edece8 } .text-list-item:nth-child(4) { border-radius: 5px 5px 0 0 } .text-list-item:nth-child(-n+3) { border-radius: 5px; margin-bottom: 5px } .text-list-item:nth-child(n+4) { background: #f3f5f7; border-bottom: 1px solid #eaedf1 } .text-list-item:nth-child(n+4):hover { background: #eaedf1 } .text-list-item:last-child { border: none } .text-list-num { position: relative; left: -15px; z-index: 1; display: inline-block; height: 20px; width: 30px; text-align: center; line-height: 20px; color: rgba(0, 0, 0, .4); font-weight: 700; font-style: italic; margin: -16px -5px 0 0; text-indent: 3px } .text-list-num::before { content: ''; height: 100%; width: 120%; border-radius: 3px; z-index: -1; transform: skewX(350deg); background: #d7dae1; position: absolute; top: 0; right: 0 } .text-list-title { display: inline-block; max-width: 140px } .text-list-title h3 { font-weight: 700; font-size: 16px } .text-list-title p { font-size: 12px; color: rgba(0, 0, 0, .51) } .top-main { color: #fff } .top-main { height: 30px; line-height: 30px; font-size: 16px } .top-main::before { content: ''; height: 180%; width: 180%; border-radius: 8px; transform: rotate(45deg); position: absolute; top: -40%; right: 20%; z-index: -1 } .top-1::before { background: linear-gradient(90deg, #ffdf7d, #ffbd27) } .top-2::before { background: linear-gradient(90deg, #d0d0d0, #b0bbc6) } .top-3::before { background: linear-gradient(90deg, #ead9be, #c8be99) } .module-row-info { display: flex; align-items: center; padding: 10px 15px; margin-bottom: 1px; border-radius: 10px; position: relative } .module-row-info:nth-child(odd) { background: #f7f8f9 } .module-row-info a { font-size: 14px; color: rgba(0, 0, 0, .83) } .module-row-info:last-child { margin: 0 } .module-row-shortcuts { position: absolute; right: 15px } .module-row-shortcuts a { padding: 2px 20px; position: relative; z-index: 3; color: rgba(0, 0, 0, .68) } .module-row-shortcuts a:hover { color: #fff } .module-row-shortcuts a::after { content: ''; width: 2px; height: 12px; position: absolute; right: -1px; top: 5px; z-index: 1; background: #c2c6d0 } .module-row-shortcuts a:hover::after { top: 12px } .module-row-shortcuts a:hover { padding: 9px 20px } .module-row-shortcuts a::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50px; z-index: 2 } .module-row-shortcuts a:hover::before { background: #34a853; margin: 0 2px } .module-row-shortcuts a:last-child:hover::before { margin: 0 -2px } .module-row-shortcuts a:last-child::after { width: 0 } .module-row-shortcuts i { font-size: 12px; position: relative; z-index: 2 } .module-row-shortcuts span { margin-left: 5px } .module-row-shortcuts span { z-index: 3; position: relative } .module-row-shortcuts .btn-copyurl span { margin-left: 8px } .module-row-text { width: 100% } .module-row-title { width: 90%; margin-left: 35px } .module-row-text .icon-video-file { font-size: 24px; color: #34a853; position: absolute; top: 17px } .module-row-title h4 { max-width: 90%; font-size: 14px } .module-row-title p { max-width: 90%; font-size: 12px; color: rgba(0, 0, 0, .4) } #download-list { margin-top: -30px; padding-top: 30px } .block-box-items { margin-right: -10px; display: flex } .block-box-item { background: #eaedf1; padding: 15px; border-radius: 10px; display: inline-block; position: relative } .block-box-content { font-size: 14px; padding: 15px; position: relative; z-index: 2; display: block; height: 100% } .block-box-content .title { font-size: 18px; position: relative; top: 8px } .block-box-content .title::after { content: ''; position: absolute; left: 50%; margin-left: -5px; bottom: -10px; height: 2px; width: 10px; background: #c2c6d0; border-radius: 50px } .block-box-content:hover .title::after, .block-box-item.selected .title::after { width: 36px; margin-left: -18px; background: #ff2a14 } .block-box-item.selected .title { color: #ff2a14 } .block-box-item.selected, .block-box-item.selected:hover { background: #fef0e5 !important } /*.block-box-item.selected .block-box-bg {*/ /* color: #fde6dd*/ /*}*/ .block-box-bg { position: absolute; z-index: 1; bottom: 0; right: 0; line-height: 50px; text-indent: 20px; font-size: 60px; color: rgba(0, 0, 0, .03); font-weight: 900; text-align: right; display: inline-block; width: 150px; border-radius: 0 0 10px 10px; white-space: nowrap; overflow: hidden } .block-box-item:last-child .block-box-bg { transform: scale(1.8); text-align: left } .box { padding: 25px; background: #fff; border-radius: 18px; margin: 10px -25px 50px; position: relative } .box::after, .box::before { height: 100%; position: absolute; border-radius: 18px; } .box::after { content: ''; bottom: -13px; left: 16px; width: calc(100% - 32px); z-index: -2 } .box::before { content: ''; bottom: -6px; left: 6px; width: calc(100% - 12px); z-index: -1; background: #fff } .mobile-play { display: none } .list-header { font-size: 0; margin: 10px 0 40px } .list-header .block-box-item { flex: 1; height: 80px; padding: 0; text-align: center; margin-right: 10px; overflow: hidden } .list-header .block-box-item:hover { background: #e3e6eb } .list-header .space-line-bold { background: #d7dae1; display: inline-block; float: none; height: auto; margin: 5px 10px 5px 0 } .library-box { margin-top: 10px; padding-top: 10px } .library-box-first::after { height: 2px; top: inherit; bottom: -10px } .library-box-first .library-list { margin: 0 auto } .library-box-first .library-item { font-size: 18px; padding: 0 15px; font-weight: 700 } .library-box-first .library-item.selected { background: 0 0; position: relative } .library-box-first .library-item.selected::after { content: ''; height: 3px; background: #ff2a14; width: 50%; border-radius: 50px; position: absolute; bottom: -11px; left: 25%; z-index: 1 } .library-box::after { background: #f3f5f7 } .library-box .scroll-content { display: flex } .library-box:first-child { padding-top: 0 !important; margin-top: 0 !important } .library .library-box:last-child { text-align: center; padding-top: 20px } .library .library-box:last-child::after { height: 3px } .library-list { display: inline-block } .library-item { white-space: nowrap; border-radius: 5px } .library-item.selected { color: #ff2a14; background: #fef0e5; font-weight: 700 } .library-item-first { max-height: 35px } .library-stat { font-size: 14px; color: rgba(0, 0, 0, .62) } .view-heading { margin-top: 0 } .view .video-info .page-title { padding-bottom: 10px; font-size: 38px; line-height: 1.3; color: rgba(7, 7, 10, .92) } .video-subtitle { margin-top: -5px; padding-bottom: 10px; font-weight: 700; font-size: 14px } .video-cover { float: right; width: 200px; overflow: hidden; margin: 0 0 0 25px; border-radius: 10px } .video-cover .module-item-pic a { padding-top: 55% } .video-info { padding: 0 0 5px 5px } .video-info-aux { font-size: 0 } .video-info-aux .tag-link { background: #eaedf1; margin-left: 5px; overflow: hidden } .video-info-aux .tag-link a { color: rgba(0, 0, 0, .68) } .video-info-aux .tag-link:first-child { background: #fef0e5; margin: 0 } .video-info-aux .tag-link:first-child:hover { background: #fde6dd } .video-info-aux .tag-link:hover { background: #e3e6eb } .video-info-aux .tag-link i { vertical-align: -1px } .video-info-aux .tag-one-link:nth-child(n+2) { display: none } .video-tag-icon { display: inline-block; margin: 0 3px 0 0 } .video-info-play { display: none } .video-info-main { padding: 20px 0 } .video-info-items { display: flex; padding-bottom: 5px; line-height: 1.7 } .video-info-items .video-info-actor { width: 100% } .video-info-items:last-child { min-height: 50px; padding: 0; word-break: break-all } .video-info-itemtitle { display: inline-block; min-width: 46px; font-weight: 700; color: rgba(0, 0, 0, .51) } .video-info-share { float: right; margin: 20px -25px 0 0; position: relative } .video-info-share .icon-happy { position: absolute; font-weight: 700; background-image: -webkit-linear-gradient(45deg, #ff9800, #ff2a14); -webkit-background-clip: text; -webkit-text-fill-color: transparent; right: 25px; bottom: 16px; font-size: 18px } .video-info-share:hover .icon-happy:before { content: "\e910" } .video-info-share button { height: 50px; padding: 0 56px 0 35px; z-index: 2; border-radius: 0 0 18px 0; position: relative; overflow: hidden } .video-info-share button::before { content: ''; border-radius: 0 0 18px 0; border: 1px solid #efddcb; border-width: 0 1px 1px 0; position: absolute; z-index: -1; left: 5px; top: 0; height: 100%; width: calc(100% - 5px) } .video-info-share button::after { content: ''; border: 2px solid #efddcb; border-width: 1px 0 0 1px; box-shadow: 5px 5px 2px #f6e9dc inset; transform: skewX(-12deg); background: #fef0e5; border-radius: 8px 0 0 0; position: absolute; z-index: -2; right: -10px; top: 0; height: 100%; width: 100% } .video-info-share button:hover::after { background: #fde6dd; box-shadow: 5px 5px 2px #fcdfd3 inset } .more-content { color: #ff2a14; cursor: pointer } .more-content span { color: rgba(7, 7, 10, .92) } .video-player-handle .btn-block-o { cursor: pointer; font-size: 12px } .video-player-handle .handle-btn { margin-left: 8px; color: #8f8f8f } .video-player-handle .handle-btn em:hover { color: #fff } .video-player-handle .handle-btn em { color: rgba(7, 7, 10, .92); position: absolute; top: 0; right: 0; z-index: 3; transform: scale(.78); transform-origin: top right; border-radius: 5px 5px 0 5px } .video-player-handle .drop:hover .handle-btn, .video-player-handle .drop:hover .handle-btn i, .video-player-handle .handle-btn:hover i, .video-player-handle .handle-btn:hover { color: #ff2a14 } .video-player-handle .handle-btn:hover em { color: rgba(7, 7, 10, .92) } .video-player-handle .handle-btn:hover i, .video-player-handle .drop:hover .handle-btn i, .video-player-handle .drop:hover .block-name, .video-player-handle .handle-btn:hover .block-name { position: relative; z-index: 2 } .video-player-handle .drop:hover .handle-btn::after, .video-player-handle .handle-btn:hover::after { z-index: 1 } .video-player-handle .drop, .video-player-handle-more { display: inline-block } .video-player-handle .drop .drop-content { min-width: 365px; top: 55px } .video-player-handle .drop .drop-content-items { padding: 10px 20px } .video-player-handle .drop .drop-content-items::before { right: 25px } .handle-more-drop .btn-block-o { background: 0 0; width: 100%; height: auto; padding: 10px 5px; text-align: inherit } .handle-more-drop .btn-block-o:hover strong { color: #ff2a14 } .handle-more-drop .btn-block-o::after { border-width: 1px 0 0; border-top-color: #e3e6eb; border-radius: 0 !important } .handle-more-drop .btn-block-o i { width: 50px; line-height: 50px; vertical-align: 5px; font-size: 26px; color: rgba(0, 0, 0, .83); text-align: center; display: inline-block; border-radius: 50px } .handle-more-drop .block-name { padding-top: 4px; display: inline-block; margin-left: 10px; color: rgba(0, 0, 0, .51) } .handle-more-drop .block-name strong { font-size: 16px; color: rgba(0, 0, 0, .83) } .handle-more-drop .btn-block-o:first-child { margin: 0 } .handle-more-drop .btn-block-o:first-child::after { border: none } .video-player-handle .qrcode-img, .video-player-handle .btn-qrcode img { height: 90px; width: 90px } .video-player-handle .btn-qrcode { display: flex; align-items: center; padding: 10px 0 } .video-player-handle .btn-qrcode .block-name { font-size: 14px } .video-player-handle .btn-qrcode .block-name strong { font-size: 14px } .video-player-handle .btn-qrcode .block-name p { margin-bottom: 5px } .video-player-handle .btn-qrcode:hover { color: inherit } .view .btn-aux, .view .btn-important { font-size: 16px } .play .module-tab, .view .module-tab { height: 50px; overflow: hidden; margin: 0 0 -15px 20px; width: 90% } .view .video-info-main { min-height: 200px } .nfmsg { padding: 150px; background: #eaedf1; position: relative; overflow: hidden } .nfmsg::before, .nfmsg::after { content: ''; position: absolute; z-index: -10; height: 230px; width: 230px } .nfmsg::before { right: 10px; top: 15px; background: url(../image/logo.png); filter: blur(10px); background-size: cover; opacity: .18 } .nfmsg::after { left: 80px; bottom: 100px; border: 10px solid #e3e6eb; border-radius: 50% } .nfmsg .content { max-width: 100% !important; padding: 0 !important } .nfmsg .nfmsg-box { margin: 0 } .nfmsg-box { padding: 100px 0; text-align: center } .nfmsg .nfmsg-box { padding: 130px 50px } .nfmsg-left { background: url(../image/notfound.svg) no-repeat center; background-size: contain; width: 70%; display: inline-block; height: 210px } .nfmsg-right { display: inline-block; width: 70% } .nfmsg-title { font-size: 24px; font-weight: 700 } .nfmsg-content { padding: 5px 0 0 } .nfmsg-content p { padding-top: 30px } .nfmsg-content a { margin-right: 10px; border-radius: 50px } .player-block { background: #000; padding: 15px 0 20px; margin: 0 0 30px } .player-box-main { position: relative; overflow: hidden } .MacPlayer iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .MacPlayer { padding-bottom: 56.25% !important; display: block } .tips-box { transform: translateZ(0); -webkit-transform: translateZ(0); position: absolute; top: 8px; left: 8px; padding: 0 12px; border-radius: 10px; z-index: 8; width: calc(100% - 16px); background: rgba(0, 0, 0, .38); backdrop-filter: saturate(0%) blur(10px); -webkit-backdrop-filter: saturate(100%) blur(10px) } .tips-box.up { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); top: 0 } .tips-list { width: 100%; height: 40px; overflow: hidden } .tips-list li { max-width: 90%; height: 40px; line-height: 40px; font-size: 12px; color: #e3e6eb } .tips-list span { margin-right: 8px } .close-btn { position: absolute; right: 5px; top: 5px; text-align: center; width: 30px; cursor: pointer; z-index: 2; } .close-btn i { transform: scale(.68); font-size: 10px; color: rgba(255, 255, 255, .5); font-weight: 900; line-height: 30px } .close-btn:hover:after { content: ''; position: absolute; top: 5px; left: 5px; height: 20px; width: 20px; border-radius: 7px; z-index: -1; background: rgba(0, 0, 0, .38) } .shortcuts-fixed { display: none; position: fixed; width: 50px; bottom: 10px; right: 10px; z-index: 20; text-align: center } .shortcuts-btn { width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; background: rgba(0, 0, 0, .83); border: none; border-radius: 50px; margin-top: 5px; display: inline-block } .s-search-btn { font-weight: 900 } .shortcuts-box { position: fixed; left: 0; top: 0; z-index: 9999999; display: none; width: 100%; height: 100% } #shortcuts-info { position: absolute; width: 280px; height: auto; padding: 25px; top: 50%; left: 50%; margin: -50px 0 0 -140px; text-align: center; color: #fff; background-color: rgba(7, 7, 10, .92); border-radius: 10px } .player-info .video-info-aux { margin-top: 10px } .player-info .page-title { line-height: 1.38 } .player-info .video-info-header { max-width: 70% } .player-tips { width: 100%; position: absolute; height: 100%; font-size: 14px; background: #020202; z-index: 10; display: flex; align-items: center } .player-tips-bg { background: url(../image/search-bg.jpg); background-size: 150%; width: 100%; height: 100%; opacity: .28; z-index: 11; position: absolute } .player-tips-main { color: #fff; padding: 0 30%; text-align: center; line-height: 1.88; z-index: 12 } .player-tips-main span { margin: 0 5px; font-weight: 700; color: #ff9800 } .player-tips-main strong { margin-right: 5px } @media(min-width:1239px) { .player-block { min-height: 600px } .player-block .content { position: relative } .player-box { font-size: 0; position: relative } .player-box-main { width: calc(100% - 380px); display: inline-block } .player-box-side { width: 380px; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; background: #000; border-radius: 0 10px 0 0 } .player-side-tab { float: right; width: 110px; height: 100%; flex: none; display: block; padding: 0 } .player-side-tab .module-tab-item { font-size: 14px; color: rgba(255, 255, 255, .5); line-height: inherit; display: block; padding: 15px 10px 15px 20px; margin: 5px 5px 0; background: #141416; border-radius: 0 5px 5px 0 } .player-side-tab .module-tab-item:hover, .player-side-tab .module-tab-item.selected { color: #c2c6d0; background: #232328 } .player-side-tab .module-tab-item.selected { padding-left: 25px; margin-left: 0; font-weight: 700; position: relative; overflow: hidden } .player-side-playlist { width: 280px; height: 100%; padding: 20px; background: #232328; overflow-x: auto; margin: 0; border-radius: 0 } .player-side-playlist .module-blocklist { margin: -4px; max-height: 100%; overflow: initial } .player-side-playlist .module-blocklist a { margin: 4px; width: calc(50% - 8px); color: rgba(255, 255, 255, .5); background: rgba(0, 0, 0, .18) } .player-side-playlist .module-blocklist a:hover { background: rgba(7, 7, 10, .92) } .player-side-playlist .module-blocklist a:hover.selected, .player-side-playlist .module-blocklist .selected { background: rgba(7, 7, 10, .92); color: #c2c6d0 } .player-side-playlist .module-blocklist .playon { display: none } .module-vod-list.player-side-playlist .module-blocklist a { width: 100% } .player-info { background: #000; width: calc(100% - 380px); padding: 20px 20px 15px; border-radius: 0 0 10px 10px } .player-info .page-title { font-size: 24px; color: #c2c6d0; display: inline } .player-info .page-title a { color: #c2c6d0 } .player-info .page-title a::after { opacity: .5 !important } .player-info .page-title a:hover { color: #fff } .player-info .video-info-aux .tag-link { color: #8f8f8f; background: #232328 } .player-info .video-info-aux .tag-link a { color: #8f8f8f } .player-info .video-info-aux .slash { color: #505050 } .player-info .video-info-main { padding: 10px 0 0; color: #8f8f8f; display: none } .player-info .video-info-itemtitle { color: #8f8f8f } .player-info .video-info-items:last-child { min-height: auto } .player-box-side .module-title { display: none } .player-box-side .module-heading { display: block; margin: 0 } .player-box-side .module-vod-list a { width: calc(100% - 10px) } .player-box-side .module-tab { /* height: auto;*/ height:50rem; overflow: auto; margin: 0; width: 100px } .player-box-side .module-tab-item small { background: rgba(255, 255, 255, .05); border-radius: 0 5px 0 5px; color: rgba(255, 255, 255, .3) } .player-side-tab::-webkit-scrollbar,.player-side-playlist::-webkit-scrollbar { width: 6px; height: 1px } .player-side-tab::-webkit-scrollbar,.player-side-playlist::-webkit-scrollbar-thumb { border-radius: 10px; background: #505050 } .player-side-tab::-webkit-scrollbar,.player-side-playlist::-webkit-scrollbar-track { background: 0 0; margin: 2px } .video-player-handle .drop:hover .handle-btn::after, .video-player-handle .handle-btn:hover::after { background: #232328 } .video-player-handle .handle-btn::after { border-color: #232328 } .video-player-handle .handle-btn i { color: #8f8f8f } .video-player-handle .drop .drop-content-box { transform: translateZ(0); -webkit-transform: translateZ(0); transition-duration: 0s } .video-player-handle .drop .drop-content { top: inherit !important; bottom: 50px; z-index: 999999 } .video-player-handle .drop .drop-content-items::before { top: inherit; bottom: -16px; border-top: 8px solid #fff; border-bottom-color: transparent } .player-info .video-info-header { max-width: 65% } } .search #search-content { margin: 20px auto 30px } .search-stat { text-align: center; padding: 10px 0 0 } .search-stat h1 { font-size: 38px; font-weight: 700; padding-top: 20px } .search-stat h2 { font-size: 14px; color: rgba(0, 0, 0, .68); margin-top: 3px } .module-search-item { border-radius: 18px; background: #f7f8f9; width: calc(50% - 20px); padding: 20px; margin: 0 20px 20px 0; display: inline-block; position: relative } .module-search-item .video-cover { width: 155px; float: left; margin: 0 25px 0 0 } .module-search-item .module-item-cover { border-radius: 0 } .module-search-item .video-info-header h3 { font-size: 20px; font-weight: 700 } .module-search-item .video-info { padding: 0 } .module-search-item .video-info-aux { margin-top: 5px } .module-search-item .video-info-main { padding: 10px 0 } .module-search-item .video-info-items { font-size: 14px; max-width: 60% } .module-search-item .video-info-items:nth-child(3) { min-height: 41px } .module-search-item .btn-important:nth-child(2) { margin-left: 10px; box-shadow: none } .module-search-item .module-item-pic img.lazyloading+.loading { bottom: 20% } .video-serial { float: right; margin: -23px -23px 0 15px; border: 3px solid #fff; color: rgba(0, 0, 0, .4); font-size: 12px; background: #eaedf1; padding: 0 12px; border-radius: 0 18px 0 10px } .video-info-footer .btn-base, .video-info-footer .more, .video-info-footer .search-tag a, .search-tag .video-info-footer a, .video-info-footer .module-tab-item, .video-info-footer .module-blocklist a, .module-blocklist .video-info-footer a, .video-info-footer .library-item, .video-info-footer .video-serial { padding: 0 20px } .video-info-footer .btn-base i, .video-info-footer .more i, .video-info-footer .search-tag a i, .search-tag .video-info-footer a i, .video-info-footer .module-tab-item i, .video-info-footer .module-blocklist a i, .module-blocklist .video-info-footer a i, .video-info-footer .library-item i, .video-info-footer .video-serial i { vertical-align: 0 } .video-info-footer .noplaylist i, .video-info-footer .btn-aux i { vertical-align: -1px } #page { padding-top: 10px } .page-number { border-radius: 50px; min-width: 40px; position: relative; padding: 0; margin: 0 2px } .page-current:hover, .page-current { background: #ff2a14; color: #fff } .page-current { font-weight: 700 } .page-previous, .page-next { padding: 0 18px } .map-box { margin: 25px 0 } .map-box::before, .map-box::after { box-shadow: none; background: 0 0 } .article main { position: relative } .article main::after { content: ''; position: absolute; width: 100%; height: 200px; background: #eaedf1; z-index: -3; bottom: -100px } .article .box { margin-bottom: 100px; padding-bottom: 100px } .article-content { padding: 0 260px 0 30px; z-index: 2; position: relative } .article-content h2 { font-size: 26px; font-weight: 700; margin: 25px 0; position: relative } .article-content h3 { font-size: 20px; font-weight: 700; margin: 18px 0 } .article-content h2::after { content: ''; position: absolute; bottom: -10px; width: 38px; left: 1px; height: 4px; background: #ff2a14; background: linear-gradient(90deg, #ff9800, #ff2a14) !important; border-radius: 50px } .article-content p { font-size: 16px; margin: 20px 0; line-height: 1.88 } .article-content hr { height: 2px; background: #e3e6eb; border: none; margin: 40px 0 } .article-content a { color: #ff2a14 } .article-content b { position: relative } .article-content b::after { content: ''; position: absolute; width: 100%; height: 10px; background: #ffd41e; z-index: -3; left: 0; bottom: -3px } .article-content em { margin: 0 5px } .article-content li { font-size: 16px; list-style: circle; line-height: 1.88 } .article-content i { margin: 0 5px; color: #8f8f8f } .article-content img { border-radius: 10px; border: 1px solid rgba(0, 0, 0, .1) } .article-content .article-imglist { margin: 10px -5px 0 } .article-imglist img { margin: 5px } .article-imglist .big-img { margin-bottom: -15px } .article-bg, .article-bg01 { background: url(../image/article.png) no-repeat; position: absolute; z-index: 1; right: 0; width: 100%; height: 130px; background-size: contain } .article-bg { background-position: right; border-radius: 0 18px 0 0; top: 0 } .article-bg01 { background-position: right -60px; bottom: 0; transform: rotate(180deg) } .article-content .article-btn { border-radius: 50px; font-weight: 900; color: #fff; margin-right: 10px; padding: 0 25px } .article-btn i { color: #fff; font-size: 16px; vertical-align: -2px; margin: 0 5px 0 0 } .recommend-list { padding-bottom: 15px; margin-top: -10px; font-size: 0 } .recommend-list img { display: block; width: 100%; border-radius: 10px } .recommend-two { margin: 20px -5px 0; padding: 0 } .recommend-two a { margin: 0 5px; display: inline-block; width: calc(50% - 10px) } #friendlink { padding: 15px 0; word-break: break-all } #friendlink h2 { font-size: 14px; font-weight: 700; display: inline-block } #friendlink a { margin-right: 10px; color: #8f8f8f } .app-footer { color: #c2c6d0; font-size: 12px; text-align: center; padding: 0 0 30px } .sitemap { font-size: 12px; float: right } .sitemap .space-line-bold { float: none; display: inline-block; width: 1px; margin: 0 5px; height: 8px } .module-main .module-lines-list .module-item:nth-child(n+15), .module-line-list .module-item:nth-child(n+9), .module-lines-list .module-item:nth-child(n+17) { display: none } @media(max-width:1789px) { .content { max-width: 1520px } .module-main { width: 1300px } .module-main .module-lines-list .module-item:nth-child(n+13), .module-line-list .module-item:nth-child(n+8), .module-lines-list .module-item:nth-child(n+15) { display: none } } @media(max-width:1549px) { .content { max-width: 1240px/*整体宽度2022-3-12 23:59:35*/ } .module-main { width: 1030px } .text-list-item { padding: 11px 10px 10px } .module-side { width: 190px } .module-item { width: 190px } .module-blocklist a { width: calc(8.33% - 10px) } .module-vod-list .module-blocklist a { width: calc(16.6666667% - 10px) } .module-main .module-lines-list .module-item:nth-child(n+11), .module-line-list .module-item:nth-child(n+7), .module-lines-list .module-item:nth-child(n+13) { display: none } .module-item-pic a { padding-top: 45px; } .module-item-cover:hover .module-item-pic a i { transform: scale(.9) } .player-info .video-info-header { max-width: 60% } .player-tips-main { padding: 0 25% } } @media(max-width:1329px) { .content { max-width: 1150px } .module-item { width: 175px } .module-main { width: 955px } .module-side { width: 175px } .text-list-title h3 { font-size: 14px } .module-blocklist a { width: calc(12.5% - 10px) } .module-vod-list .module-blocklist a { width: calc(20% - 10px) } .player-info .video-info-header { max-width: 55% } .player-tips-main { padding: 0 30% } } @media(max-width:1239px) { .content { max-width: 100%; padding: 0 30px } .module-main .module-item { width: calc(25% - 20px) } .module-side { width: calc(25% - 20px) } .module-main .module-lines-list .module-item:nth-child(n+9) { display: none } .text-list-item { padding: 13px 10px } .text-list-title { max-width: 160px } .block-box-content { padding: 15px 10px } .nav-menu-items .space-line-bold { display: none } .nav .nav-menu-item:nth-child(n+6) { display: none } .nav { flex: none } .header-module .nav-menu-item:first-child { display: block } .search-box { max-width: none } .nav::-webkit-scrollbar { display: none } .nav .nav-menu-items { display: inline-flex } .nav .nav-menu-item { white-space: nowrap } .module-item { width: calc(20% - 20px) } .module-lines-list .module-item:nth-child(n+13) { display: inline-block } .module-actor-list .module-line-list .module-item:nth-child(n+5), .module-line-list .module-item:nth-child(n+6), .module-lines-list .module-item:nth-child(n+16) { display: none } .module-item-cover:hover { box-shadow: none } .module-item-cover:hover .module-item-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .module-item-cover:hover .module-item-pic a { background: rgba(0, 0, 0, .08) } .module-item-pic a i { display: none } .module-tag-link { display: none !important } .module-item-titlebox { margin-top: 7px } .module-item-caption { padding: 8px; height: 36px } .search .module-items { margin: 0 } .search-stat h2 { margin-top: 0 } .module-search-item { width: 100%; margin: 0 0 20px } .module-search-item .video-info-items { max-width: inherit } .nfmsg .nfmsg-box { margin: 0 !important; border-radius: 18px !important; padding: 150px 20px } .pc { display: none !important } .nopc { display: block !important } .padpro { display: inline-block } .module-search-item .video-cover { width: 150px } .player-box { margin: -20px -50px 0 } .player-box-side, .player-info { background: #fff; padding: 20px 50px } .player-info { margin: 0 -50px -20px } .player-box-side { margin: 0 -50px -20px } .player-box-side .module-play-list { margin-bottom: 0 } .player-box-side { margin: 10px -50px -50px } .player-info .page-title { font-size: 26px; display: inline; margin-right: 5px } .player-info .video-info-main { padding: 10px 0 0 } .player-info .video-info-itemtitle { display: none } .player-info .video-info-items:nth-child(-n+2) .video-info-item { display: inline-block; width: auto; white-space: inherit; overflow: inherit } .video-player-handle .handle-btn:hover em, .player-info .video-info-header { max-width: 72% } .video-player-handle .handle-btn em, .video-player-handle .handle-btn:hover em { color: #fff } .article-content { padding: 0 50px } .article-bg { height: 80px } #footer { text-align: center } .sitemap { float: none } } @media(max-width:1039px) { .text-list-item { padding: 9px 10px } .text-list-title { max-width: 120px } } @media(min-width:899px) { .list-header .block-box-item:nth-child(n+10) { display: none } .list-header .block-box-item:last-child { display: inline-block } .video-player-handle .drop .drop-content { padding: 30px } .video-player-handle .drop:hover .drop-content-box { box-shadow: 0 10px 30px rgba(0, 0, 0, .3) } .player-info .page-title a { position: relative; z-index: 2; margin-right: 8px } .player-info .page-title a::after { content: ''; position: absolute; bottom: -2px; left: 0; height: 12px; background: #ff2a14; background: linear-gradient(90deg, #ff9800, #ff2a14) !important; opacity: .1; width: 100%; border-radius: 18px; z-index: -1 } .homepage .header-bg::after { height: 1px; background: #e3e6eb } } @media(max-width:899px) { .ovauto { overflow: auto; } .page #header { padding-top: 60px !important } /*.page #header::after {*/ /* background: #fff*/ /*}*/ .nav-menu-icon::after { top: -10px } .grid-more-link::after { border-radius: 15px } .page #header { margin-bottom: 20px } .nfpage #header { margin-bottom: 0 } .play #header { margin-bottom: 0; background: #000 } .play #header .search-input::placeholder { color: #333 } .brand { margin-right: 20px } .nav-search { margin-right: 10px } .nav-search .search-input { padding: 0 10px 0 15px } .header-content { height: 60px } .brand { margin-right: 10px } .logo { display: block; width: 147px; overflow: hidden } .homepage .header-bg .nav-search { margin-left: -110px } .content { padding: 0 20px } #search-content { width: 80% } .search #search-content { margin: 30px auto 20px } .drop:hover .shortcuts-mobile-overlay { background-color: rgba(0, 0, 0, .1) } .module-bg { background: linear-gradient(180deg, #fff, #f3f5f7); margin: 0 -20px; padding: 20px 20px 10px } .module-title { font-weight: 500; font-size: 20px; line-height: 1.1 } .module-heading .more { right: 3px; top: -8px } .module-player-list { padding: 20px; border-radius: 0; margin: 15px -20px 20px } .module-items { margin-right: -12px } .module-wrapper { display: block } .module-main { width: 100% } .module-side { width: auto; margin: 0 } .module-side .module-bg { padding-top: 0; padding-bottom: 0 } .text-list-item { padding: 10px; width: 20vw; margin-right: 10px } .text-list-item:last-child { margin: 0 } .text-list-item:nth-child(-n+3) { margin-bottom: 0 } .text-list-item:nth-child(n+4) { border-radius: 5px; border: none; background: #eaedf1 } .text-list-title { max-width: 100px } .module-main .module-item, .module-item { width: calc(20% - 12px) } .module-item { margin: 0 12px 15px 0 } .module-item-text { font-size: 12px; margin-top: 1px; color: #aaadb5 } .module-item:last-child { margin-right: 0 !important } .module-main .module-lines-list .module-item:nth-child(n+9), .module-line-list .module-item:nth-child(n+6) , .module-actor-list .module-line-list .module-item:nth-child(n+5){ display: inline-block } .module-main .module-lines-list .module-item:nth-child(n+11), .module-line-list .module-item:nth-child(n+11), .module-lines-list .module-item:nth-child(n+11) { display: none } .module-item-title { font-weight: 400 } .module-blocklist { margin-top: 0 !important; padding-bottom: 0 !important } .module-player-tab .module-tab-item { padding: 0 18px } .module-type { padding-top: 20px } .module-vod-list .module-blocklist a { width: calc(20% - 10px) } .player-tips-main { padding: 0 20% } .scroll-box { margin: 15px -20px 0; padding: 0 20px 20px; overflow-y: auto; webkit-overflow-scrolling: touch } .scroll-content { display: inline-flex } .scroll-content.live-content a { width: calc(33.3333% - 8px); margin: 0 8px 15px 0; } .scroll-content.live-content { display: inline-block; } .scroll-content .module-item { width: 17vw } .scroll-box::-webkit-scrollbar { display: none } .scroll-content .module-item-go { width: 20vw } .scroll-box-y::-webkit-scrollbar { display: none } .pad { display: block } .app-text { display: block } .player-box { margin: -15px -30px 0 } .player-info .video-info { padding: 0 } .player-info .video-info-main { padding: 15px 0 0 } .player-info .video-info-items { display: inline-block } .player-box-side, .player-info { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px } .video-player-handle .drop .drop-content { top: 70px; margin: 0 -10px } .video-player-handle .drop:hover .handle-btn, .video-player-handle .handle-btn:hover { background: #fff; z-index: 10; position: relative } .video-player-handle .handle-btn { border-radius: 10px } .video-player-handle .btn-block-o::after { border-radius: 18px } .player-info .video-info-header { max-width: 65% } .video-info-share { margin-right: -20px } .block-box-bg { width: 120px } .block-box-content:hover .title::after, .block-box-item.selected .title::after { width: 10px; margin-left: -5px } .box { margin: 10px -20px 50px; padding: 30px 20px 20px; border-radius: 0 0 18px 18px } .box.view-heading { padding: 20px 20px 25px 25px } .list-more .page-heading { padding-bottom: 20px } .list-header .block-box-item { width: 14vw } .library-box { margin: 10px 0 0; padding: 10px 0 0 } .library-item { padding: 0 15px } .library-box-first { overflow: initial } .library-box-first::after { height: 5px; bottom: -12px } .library-box-first .library-item.selected::after { height: 3px } .nfmsg { padding: 50px } .nfpage .nfmsg-box { margin-top: 0; padding: 150px 20px } .btn-pc { display: none !important } .module-row-shortcuts { right: 10px } .module-row-title { width: 80%; margin-left: 33px } .module-row-title h4 { font-size: 12px } .module-row-title p { font-size: 10px } .module-row-shortcuts a, .module-row-shortcuts a:hover { padding: 7px 20px } .module-row-shortcuts a:last-child:hover::before { margin: 0 } .module-row-text .icon-video-file { top: 15px } .article-content { padding: 0 15px } .article-content li, .article-content p { font-size: 14px } .article-content p img { max-width: 45% !important } .article-content p img.big-img { max-width: 92% !important } .article-bg { height: 80px; border-radius: 0 } .article main::after { bottom: -70px } .article .box { margin-bottom: 70px } } @media(min-width:559px) { #search-content.indexsearch{display:none;} .player-info .video-info { position: relative } .player-info .video-player-handle { display: inline-block; position: absolute; right: 0; top: 0 } .recommend-list .pc { display: block !important } } @media(min-width:559px) and (max-width:899px) { .sort-list .scroll-content { display: block; margin: 0 -5px } .module-vod-list a { width: calc(20% - 10px); font-size: 12px } } @media(max-width:559px) { #header { padding-top: 60px !important } .homepage #header { margin-bottom: 30px } .homepage #header::after { height: 195px } .view #header { background: 0 0; height: 130px; margin: 0; z-index: 99 } .view #header::after { top: 0; height: 130px; background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); z-index: -1 } .banyundog-com { display: none } #search-content { width: auto } #search-content .search-box { height: 50px } .content { padding: 0 15px } .logo-s { margin-left: -88px } .logo-s img { width: 177px; height: 50px } .logo-s { bottom: 20px } .index-logo { height: 100px } .plus em { right: 4px } .nav-search { display: none } .brand { display: none } .header-content .banyundog-com+.nav-search { opacity: 1; } .header-content { transition: background-color linear .5s } .view .header-content { background: 0 0 } .view .header-bg { background: rgba(7, 7, 10, .92) } .page .header-bg { background: rgba(0, 0, 0, .83) } .page .header-content::after { height: 0 } .view .header-content::after { height: 1px; background: rgba(255, 255, 255, .1) } .header-content::after { height: 1px; background: #d7dae1 } .homepage .nav-menu-search i { color: rgba(7, 7, 10, .92) } .nav { flex: 1 } .nav .nav-menu-item:nth-child(n+4) { display: block } /*.header-module .nav-menu-item:nth-child(1) {*/ /* display: none*/ /*}*/ .header-module .nav-menu-item:nth-child(2) { display: block } .nav { justify-content: flex-start; margin: 0 10px 0 -15px; padding: 0 0 0 10px } /*.nav-menu-item a i {*/ /* display: none*/ /*}*/ .nav .nav-menu-item span { color: rgba(0, 0, 0, .62) } .nav .nav-menu-item .nav-menu-item-name { color: rgba(255, 255, 255, .55) } .nav .nav-menu-item.selected .nav-menu-item-name { color: #fff } .nav-menu-item.selected span { color: rgba(7, 7, 10, .92) } .header-module { position: relative } .header-module::before { content: ''; position: absolute; left: -10px; top: -8px; height: 41px; width: 20px; box-shadow: -9px 0 9px -8px rgba(0, 0, 0, .7) } .popup { width: 77%; padding: 0 25px } .popup-icon, .popup-icon img { height: 170px } #report-popup .popup-main { padding-bottom: 25px; min-height: 281px } #report-popup .popup-header { margin: -5px 0 } #report-popup .popup-icon { height: 100px; margin-top: -20px } #report-popup .popup-icon img { height: 230px } .report-content { margin-bottom: 10px } .open~.shortcuts-mobile-overlay { background-color: rgba(0, 0, 0, .6) } .homepage .app-text { margin-top: -20px } .play .app-text { margin: -15px -15px 15px } .popup-footer .url { color: #c2c6d0 } .popup-footer .url em { margin: 0 3px; font-size: 12px } .player-mobile-2 { margin: 15px 0 -18px } .player-mobile-2 img { border-radius: 10px; width: 100% } .display { display: none } .shortcuts-fixed { display: block } .phone { display: block } .nav-search { margin-right: 5px } .nav-search .search-box { height: 40px } .search-tag i { font-size: 14px; vertical-align: -12% } .list-item { position: relative } .list-item-link { padding: 0 !important } .list-item-link:hover { background: 0 0 !important } .list-item-title { padding: 0 0 7px; margin-bottom: 5px; position: relative } .list-item-title:before { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e3e6eb; transform: scaleY(.5) } .drop-history .drop-content-items { padding: 15px 20px } .search-input { font-size: 14px } .search-cupfox span { display: none } .search-box .list-item-title { margin: 0; padding-bottom: 5px } .search-box .list-item-title:before { height: 0 } .nav-search .search-btn { padding: 0 15px 0 0 } .nav-search .search-btn i { color: #fff; font-size: 16px; } .nav-search .search-cupfox { display: none } .mobile-open .search-box, .mobile-open #search-content .search-box { position: fixed; top: 0; padding-top: 10px; left: 0; right: 0; bottom: 0; width: 100%; background: rgba(255, 255, 255, .9); height: 100vh; border-radius: 0; z-index: 999999999999; backdrop-filter: saturate(100%) blur(15px); -webkit-backdrop-filter: saturate(100%) blur(15px); } .mobile-open .search-box .search-btn, .mobile-open .search-box .cancel-btn, .mobile-open .search-box .search-input { height: 40px; background: rgba(0, 26, 58, .16) } .mobile-open .search-box .search-btn { padding: 0 15px 0 5px } .mobile-open .search-box .search-btn i { color: #ff2a14; font-size: 16px; font-weight: 700 } .mobile-open .search-cupfox { display: inherit !important; margin: 0 !important; border-radius: 0 !important; padding: 0 20px 0 5px } .mobile-open .search-cupfox::after { right: -10px; background: #aaadb5 } .mobile-open .search-cupfox .icon-cupfox { width: 22px } .mobile-open .search-cupfox span { display: inline-block; font-size: 14px; font-weight: 400 } .mobile-open .search-box .cancel-btn { display: inline-block; margin: 0 15px 0 0; background: 0 0 } .mobile-open .search-box .search-input { margin: 0 0 0 15px; border-radius: 10px 0 0 10px } .mobile-open .search-box .search-btn { margin: 0 10px 0 0; border-radius: 0 10px 10px 0 } .mobile-open .search-drop { top: 60px } .mobile-open .ac_bg, .mobile-open .ac_hot, .mobile-open .ac_items { border-radius: 0; box-shadow: none; padding: 10px 15px 15px; background: 0 0; backdrop-filter: none; -webkit-backdrop-filter: none } .mobile-open .nav-search .search-input:focus~.search-btn { background: rgba(0, 26, 58, .16) } .mobile-open .nav-search .search-input:focus~.search-cupfox::after { background: #aaadb5 } .mobile-open .ac_bg::before, .mobile-open .ac_hot::before, .mobile-open .ac_items::before { height: 0; border-bottom-width: 0 } .mobile-open .ac_bg::after, .mobile-open .ac_hot::after, .mobile-open .ac_items::after { background: 0 0 } .mobile-open .ac_items li { padding: 5px 15px !important; border-bottom: 1px solid rgba(0, 26, 58, .03); border-radius: 0 } .module-downlist .scroll-box-y { max-height: 200px } .module { margin: 0 -15px; padding-left: 15px; padding-right: 15px } .module-heading { margin-bottom: 10px } .module-heading .more { right: 0; top: -2px; line-height: 28px; font-weight: 700 } .top-main { height: 20px; line-height: 20px; text-indent: -8px !important; margin-right: -20px !important } .top-main::before { top: -70%; right: 40% !important } .text-list-num { margin: -20px -15px 0 0; font-size: 12px; text-indent: -3px } .text-list-num::before { right: 20% } .text-list-item { width: 29vw } .text-list-title { max-width: 82px } .module-side .module-bg { margin: 0 -15px; padding: 0 15px } .page-title { font-size: 26px } .video-subtitle { color: rgba(0, 0, 0, .51); margin: -5px auto 0; max-width: 90% } .module-tab { white-space: normal } .module-tab-content { text-align: inherit } .module-tab-items { display: none } .module-tab-drop { position: relative } .module-tab .module-tab-items { position: fixed; width: 100%; padding: 15px; min-height: 40vh; max-height: 65vh; border-radius: 18px 18px 0 0; display: inline-block; left: 0; /* 抬高到移动底栏之上,避免与 .mxonefoot 叠在同一 bottom:0 被盖住 */ bottom: 56px; /* 默认低于 .mxonefoot(10060),避免多页面多个关闭态 fixed 层仍盖住底栏 */ z-index: 10040; background-color: #fff; transition-duration: 300ms; display: none; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translate3d(0, 120%, 0); transform: translate3d(0, 120%, 0) } .module-tab.module-tab-drop .module-tab-items { display: inline-block !important; opacity: 1; visibility: visible; pointer-events: auto; transform: translateZ(0); -webkit-transform: translateZ(0); /* 展开时再高于底栏,保证弹层可点 */ z-index: 10070 } .module-tab-drop+.shortcuts-mobile-overlay { top: 0; background-color: rgba(0, 0, 0, .6); pointer-events: auto; z-index: 10065 } .module-tab-drop .module-tab-item { width: calc(33.33% - 10px); margin: 5px; border-radius: 10px; line-height: 40px; font-size: 14px } .module-tab-title { position: relative; display: block; text-align: center; font-size: 18px; font-weight: 700; padding: 5px 5px 10px } .module-tab-name { display: block; font-size: 14px } .module-tab-name i { font-size: 10px; transform: scale(.88); font-weight: 900; margin: 0 0 0 5px; vertical-align: 1px } .module-player-tab .module-tab-name { border-radius: 10px 10px 0 0; background: #eaedf1; color: rgba(0, 0, 0, .68); padding: 0 16px; line-height: 45px; margin: 0 0 -15px } .module-tab-drop .module-tab-item { text-align: center; color: rgba(0, 0, 0, .83) } .module-tab-drop .module-tab-item span { display: inline-block; width: calc(100% + 36px); margin: 0 0 0 -18px } .module-tab-drop .module-tab-item.selected { color: #ff2a14; background: #fef0e5 } .module-tab-item.selected:after { border: none } .close-drop { position: absolute; left: 5px; top: 5px; height: 30px; width: 30px; line-height: 28px; border-radius: 50px } .close-drop:hover { background: #eaedf1; color: #ff2a14 } .close-drop i { font-size: 12px; transform: scale(.8); font-weight: 700; vertical-align: 0 } .module-title { font-weight: 700; font-size: 18px; margin: 0; line-height: 1.6 } .module-player-list { padding: 15px; margin: 10px -15px 20px } .module-items { margin-right: -10px } .module-side .scroll-box { padding-bottom: 25px !important } .module-main .module-item, .module-item { width: calc(33.33% - 10px) } .module-item { margin: 0 10px 12px 0 } .module-line-list .module-item:nth-child(n+7) { display: none } .module-main .module-lines-list .module-item:nth-child(n+9), .module-lines-list .module-item:nth-child(n+11), .module-line-list .scroll-box .module-item:nth-child(n+7) { display: inline-block } .module-main .module-lines-list .module-item:nth-child(n+10), .module-lines-list .module-item:nth-child(n+13) { display: none } .scroll-content .module-item { width: 27vw } .scroll-content .module-item-go { width: 38vw } .scroll-content .module-item-go .module-item-title { font-weight: 700 } .module-item-caption { display: none } .scroll-box { margin: 10px -15px 0 !important; padding: 0 15px !important } .module-blocklist { margin-top: 0 !important; padding-bottom: 0 !important } .module-blocklist a { width: auto; margin: 0 8px 0 0; padding: 3px 20px; color: rgba(0, 0, 0, .83) } .module-vod-list .module-blocklist a { white-space: nowrap; line-height: 2.1; width: auto; padding: 8px 20px } .video-info-aux .tag-link { font-size: 12px } .video-info-aux .slash:nth-child(n+6), .video-info-aux .tag-link a:nth-child(n+7) { display: none } .module-item-pic img.lazyloading+.loading { bottom: 17% } .module-item-go .module-item-pic img.lazyloading+.loading { bottom: 10% } .sort-list .module-tab { display: inline-block } .module-sorttab .module-tab-content { max-height: 60vh; overflow-y: auto; margin: 0 -15px; padding: 0 20px 60px } .module-sorttab .module-tab-items { overflow: initial } .module-sorttab .module-blocklist { max-height: 100% } .module-sorttab .module-blocklist a { width: calc(25% - 8px); margin: 4px; padding: 2px 12px; overflow: hidden; background: #f3f5f7 } .module-sorttab .module-blocklist a:hover { background: #eaedf1 } .module-vod-list .module-sorttab .module-blocklist a { width: calc(50% - 8px); line-height: 2.9 } .sort-list { position: relative } .sort-list .module-tab { margin: 0 auto; height: auto; overflow: inherit; position: relative } .sort-list .module-tab-name { position: absolute; font-size: 14px; padding: 0; left: 50%; bottom: -86px; background: #eaedf1; margin-left: -8px; line-height: 35px; width: 60px; text-align: center; border-radius: 0 0 15px 15px } .sort-list .module-tab-name i { font-size: 14px; color: #ff2a14; font-weight: 400; margin: 0; transform: scale(1); transform: rotate(90deg) } .sort-list .module-tab-name i:after { content: ''; position: absolute; width: 7px; height: 20px; left: 6px; top: 0; background: rgba(234, 237, 241, .58); backdrop-filter: saturate(0%); -webkit-backdrop-filter: saturate(0%) } .sort-list .sort-button { position: absolute; right: 5px; top: 3px; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, .68); padding: 5px 0 } .sort-list .sort-button i { margin-right: 3px; color: #ff2a14; vertical-align: -10% } .sort-list .sort-button:before, .sort-list .sort-button:after { transition: all .2s ease; content: ''; position: absolute; width: 7px; height: 20px; background: rgba(255, 255, 255, .62); backdrop-filter: saturate(0%); -webkit-backdrop-filter: saturate(0%) } .sort-list .asc.sort-button:before { left: 7px; bottom: 23px } .sort-list .asc.sort-button:after { left: 0; top: 7px } .sort-list .desc.sort-button:before { left: 7px; bottom: 7px } .sort-list .desc.sort-button:after { left: 0; top: -12px } .box { margin: 10px -15px -15px; padding: 15px } .box::before { bottom: -4px } .box::after { bottom: -9px } .nfmsg { padding: 15px } .nfpage .nfmsg-box { margin-bottom: 35px; padding: 80px 20px 100px } .nfmsg-left, .nfmsg-right { width: 90% } .nfmsg-title { font-size: 18px } .nfmsg-content { font-size: 12px } .iframe-box { margin-bottom: -10px } .iframe-box .module-list { margin: 0 -15px; width: calc(100% + 30px) } .list-header { margin-bottom: 30px; padding-bottom: 10px !important } .list-header .block-box-item { width: auto; min-width: 20vw; flex: none; padding: 0 15px; height: 58px; margin-right: 6px } .list-header .block-box-content { padding: 12px 5px } .list-header .space-line-bold { margin-left: 5px; flex: none } .block-box-content .title { font-size: 14px; top: 3px } .block-box-bg { font-size: 38px; right: 0; line-height: 30px; width: 90px } .library .page-heading { padding-bottom: 40px } .library-item { padding: 0 10px !important } .library-box { padding: 5px 15px 0 !important; margin: 5px -15px 0 !important } .library-box-first .library-item { font-size: 16px } .library-box-first::after { bottom: -6px; height: 3px } .library-box-first .library-item.selected::after { bottom: -6px; height: 2px } .library-list { display: inline-flex } .library .library-box:last-child { margin: 5px -15px 0; padding-top: 15px !important } .library-stat { font-size: 12px } .view .mobile-play { display: block; position: absolute; margin: 0; top: -130px; left: 0; width: 100vw; border-radius: 0; z-index: 1 } .view .mobile-play:before { content: ''; position: absolute; z-index: 2; height: 105%; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(130%) blur(10px) } .view .mobile-play:after { content: ''; position: absolute; z-index: 2; opacity: .1; height: 100%; width: 100%; top: 0; background-image: url(../image/frosted.png); background-size: 30%; filter: invert(100%) } .view .mobile-play .module-item-cover { position: relative } .view .mobile-play .module-item-cover:after { content: ''; position: absolute; z-index: 2; opacity: .16; height: 100%; width: 100%; top: 0; background-image: url(../image/frosted.png); background-size: 29% } .view .mobile-play .module-item-cover:before { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%); z-index: 5 } .view .video-info { padding: 0; position: relative; z-index: 1 } .video-info-share { display: none } .view .mobile-play .module-item-cover { border-radius: 0; padding-top: 150% } .view .video-cover { width: 46vw; margin: 0 auto; position: relative; z-index: 1; border-radius: 10px; box-sizing: content-box; border: 2px solid rgba(255, 255, 255, .9); float: none; box-shadow: 0 25px 50px -30px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 25px 50px -25px rgba(0, 0, 0, .9) } .view .box.view-heading { padding: 0 15px 20px; margin: 0 -15px 40px } .view .video-info-header { text-align: center; height: auto; padding: 30px 0 10px; width: 100% } .view .video-info-header .page-title { padding: 0 30px; text-shadow: 1px 1px 0 #fff; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px } .view .video-info-items { padding: 5px 0 0 } .view .video-info-items:last-child { padding-bottom: 10px } .view .video-info-play { margin-top: 30px; display: inline-block; text-align: center; z-index: 2 } .view .video-info-downbtn { display: block; margin: 15px 0 -10px; color: #34a853 } .view .video-info-downbtn i { vertical-align: -10%; margin-right: 5px; font-size: 12px } .video-player-handle { padding-top: 15px; height: 55px } .video-player-handle .handle-btn { height: 40px; width: 60px; padding: 0 } .video-player-handle>.handle-btn { margin: 0 8px 0 0 } .video-player-handle .handle-btn i { font-size: 18px; line-height: 40px } .video-player-handle-more { float: right } .video-player-handle .handle-btn .block-name { display: none } .video-player-handle .drop .drop-content { top: 40px } .video-player-handle .handle-btn em { border-radius: 20px 20px 20px 0; top: -6px; right: -12px } .video-player-handle .icon-next, .video-player-handle .icon-download-bold { line-height: 42px !important } .video-player-handle .drop .drop-content { min-width: 330px } .video-player-handle .drop .drop-content-items { padding: 20px } .handle-more-drop .block-name strong { font-size: 14px } .video-player-handle .drop .handle-more-drop .drop-content-items { padding: 5px 15px } .player-box { margin: -15px -15px 0 } .player-box-side, .player-info { padding: 15px } .player-info { margin: 0 -15px } .player-tips-main { padding: 0 6%; font-size: 12px } .player-tips-bg { opacity: .38 } .player-box-side { margin: 0 -15px -55px } .player-info .page-title { font-size: 20px } .tips-box { top: 0; left: 0; padding: 0 5px; width: 100%; border-radius: 0 } .tips-list { height: 30px } .tips-list li { height: 40px; line-height: 30px } .close-btn { right: 0; top: 0 } .player-info .video-info-header { max-width: 100% } .extra-tips { color: #fff } .search #header::after { height: 85px; background-size: cover } .search #header { margin-bottom: 0 } .search #search-content { margin: 0 0 20px } .search-stat h1 { font-size: 26px } .module-search-item .video-cover { width: 80px; margin: 0 12px 25px 0; border-radius: 5px } .module-search-item .video-info-header h3 { font-size: 16px; white-space: inherit; line-height: 1.4 } .module-search-item .video-info-items { min-height: auto } .module-search-item .video-info-main { padding: 5px 0 10px } .module-search-item { margin: 0 0 15px; padding: 12px 12px 15px } .module-search-item .tag-link { line-height: 25px; padding: 0 7px; font-size: 12px; border-radius: 5px } .module-search-item .video-info-aux .slash:nth-child(n+3), .module-search-item .tag-link a:nth-child(n+3) { display: none } .module-search-item .video-info-items { padding: 0; font-size: 12px } .module-search-item .video-info-itemtitle { min-width: 37px } .module-search-item .video-info-items:last-child { display: none } .module-search-item .module-item-pic img.lazyloading+.loading { bottom: 11% } .video-serial { margin: -15px -15px 0 5px; line-height: 25px; border-radius: 0 13px 0 10px; padding: 0 8px; font-size: 10px } .video-info-footer .btn-base, .video-info-footer .more, .video-info-footer .search-tag a, .search-tag .video-info-footer a, .video-info-footer .module-tab-item, .video-info-footer .module-blocklist a, .module-blocklist .video-info-footer a, .video-info-footer .library-item, .video-info-footer .video-serial { line-height: 29px; padding: 0 12px 0 14px } .video-info-footer .btn-base i, .video-info-footer .more i, .video-info-footer .search-tag a i, .search-tag .video-info-footer a i, .video-info-footer .module-tab-item i, .video-info-footer .module-blocklist a i, .module-blocklist .video-info-footer a i, .video-info-footer .library-item i, .video-info-footer .video-serial i { font-size: 10px } .video-info-footer .noplaylist i { font-size: 12px } .video-info-footer .btn-aux i { font-size: 11px; margin-right: 1px } .article-content { padding: 0 10px 0 18px } .article-content h2 { font-size: 18px } .article-content h3 { font-size: 16px } .article-content img { border-radius: 5px } .article-content .article-btn { padding: 0; width: calc(50% - 10px); text-align: center } .article-content .article-btn:last-child { margin-right: 0 } .recommend-list { margin: -15px -15px 0 } .index-recommend { margin: -10px 0 0 } .player-recommend img { border-radius: 0 } .recommend-two { margin: 15px 0 0 } .recommend-two a { margin: 10px 0 0; width: 100% } .recommend-two a img { border-radius: 5px } .page-number { min-width: 35px; line-height: 35px; font-size: 12px } #friendlink { padding: 10px 0 } #friendlink h2, #friendlink a { font-size: 12px } .sitemap, #footer { font-size: 10px } } .slash:last-child { display: none; } .red { color: red; } .wh18 { width: 18px; height: 18px; } .report-input, .report-verify { padding: 0; width: 45%; min-height: auto; height: 30px; line-height: 30px; float: left; text-align: center; border-radius: 10px; margin: 0; } .report-verify { float: right; } .verify-box { overflow: hidden; margin-bottom: 15px; } .fixed_right_bar { position: fixed; bottom: 120px; right: 1%; z-index: 100 } .fixed_right_bar .dbicon { color: #fff; display: block; width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; border-radius: 50%; overflow: hidden; margin-top: 10px; position: relative; background: rgba(0, 0, 0, 0.6); cursor:pointer } .fixed_right_bar .dbicon:hover .anchor-txt{ padding-left:17px; max-width:200px; transition:max-width .1s ease; transform: translateY(0); transition: all ease-out 400ms; -webkit-transition: all ease-out 400ms; transition-timing-function: cubic-bezier(0.8, 0.84, 0.44, 1.3); } .mx-lrmenu .dbicon{ opacity: 0; transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); transition: all ease-out 400ms; -webkit-transition: all ease-out 400ms; transition-timing-function: cubic-bezier(0.8, 0.84, 0.44, 1.3) } .fixed_right_bar .mx-lrmenu { overflow: hidden; height: 0px } .fixed_right_bar .mx-lrshow { height: auto; padding-top: 10px } .fixed_right_bar .mx-lrshow .dbicon { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); opacity: 1 } .fixed_right_bar .anchor-txt { position: absolute; top: 0; right: 35px; height: 36px; font-size: 14px; line-height: 36px; max-width: 0; padding: 0; text-align: right; white-space: nowrap; background: #ff2a14; overflow: hidden; border-radius: 18px 0 0 18px; } .fixed_right_bar .moremeum { margin: 10px auto 0; display: inline-block; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15); line-height: 36px; text-align: center; background: linear-gradient(120deg, #8599fb 0%, #00b7ee 100%); } .fixed_right_bar .dbicon:hover { background-color:#ff2a14; } .fixed_right_bar i { font-size: 16px; margin: 10px auto; display: block; position: relative; line-height: 16px !important; color: #fff; } .ant-back-top { display: none; } @media screen and (min-width: 750px) { .txt-info { position: absolute; bottom: 60px; left: 100px; display: flex; flex-direction: column; color: #fff; z-index:10; } .txt-info .name { font-size: 24px; color: #fff; font-weight: 700; } .txt-info .info { display: block; font-size: 14px; opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* .swiper-pagination-bullets { left: 40% !important; top: 83% !important; } */ } @media screen and (max-width: 750px) { .swiper-button-next, .swiper-button-prev { display: none !important; } .txt-info { position: absolute; bottom: 10px; left: 10px; display: flex; flex-direction: column; color: #fff; } .txt-info .name { font-size: 16px; color: #fff; font-weight: 700; } .txt-info .info { font-size: 12px; display: block; opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* .swiper-pagination-bullets { left: 22% !important; top: 83% !important; } */ } /* .swiper-pagination-bullet { width: 4px !important; height: 4px !important; } */ /* .swiper-pagination-bullet-active { width: 10px !important; border-radius: 20px !important; } */ .swiper-container { /* 设置Swiper风格 */ --swiper-navigation-color: #fff; /* 单独设置按钮颜色 */ --swiper-navigation-size: 20px; /* 设置按钮大小 */ } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #000 !important; border-radius: 50% !important; } .swiper-button-next, .swiper-button-prev { width: 50px !important; height: 50px !important; } .txt-info .gate span { background-color: rgba(0, 0, 0, .5); display: inline-block; margin-bottom: 5px; padding: 0 4px; border-radius: 2px; text-shadow: none; font-size: 12px; line-height: 18px; opacity: .65; } .layui-layer-msg { background-color: rgba(7, 7, 10, .92) !important; border-radius: 10px !important; } .mxonenotice { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px; } .mxonenotice h3, .mxonenotice h5 { color: #fff; font-size: 16px; } .mb20 { margin-bottom: 20px; } .text-center { text-align: center; } .btn-blue { background-color: #4fb1f7; background: linear-gradient(to right, #4fb1f7 0, #6bb8ee 100%); } .btnmxone { display: inline-block; padding: 8px 30px; font-size: 12px; color: #fff; border-radius: 5px; margin: 0 10px; } .btn-yellows { background-color: #ff9900; background: linear-gradient(to right, #ff9900 0, #ff9f16 100%); } .btnmxone:hover { color: #fff; } .nonemore, .nonemore:hover { background: none !important; } .mxonefoot { position: fixed; bottom: 0; width: 100%; padding: 5px 0 0; /* 高于关闭态的 module-tab-items,避免底部像被「选择类型」层盖住;展开时由 .module-tab-drop 内更高 z-index 压过底栏 */ z-index: 10060; display: -webkit-box; display: -webkit-flex; display: flex; border-top: 1px solid #fff; background: #fff; } .size20 { font-size: 18px !important; line-height: 0; } .mxonefoot .item { display: block; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; margin-top: 5px; margin-bottom: 5px; } @media(min-width:767px) { .mxonefoot { display: none !important; } .in { animation: ac 1s } .out { position: fixed; bottom: 10%; right: 2%; z-index: 9999; animation: an .5s } } @media(max-width:767px) { /* 移动端底部导航始终贴底,避免上滑时出现“悬浮/错位”视觉 */ .mxonefoot { position: fixed !important; left: 0; right: 0; bottom: 0 !important; transform: none !important; -webkit-transform: none !important; } .pd60 { padding-bottom: 65px !important } .fixed_right_bar { bottom: 90px } } .btn-collect { border-radius: 50px; padding: 0 30px; color: #fff; cursor: pointer; font-size: 16px; background-color: #fc000c; background: linear-gradient(to right, #fc000c 0, #f9444d 100%); } .btn-collect i { margin-right: 5px; font-size: 12px; vertical-align: 1px; } .weui_msg_jump { padding-top: 20%; text-align: center; } .weui_icon { margin-bottom: 0.75rem; } .weui_icon i { font-size: 3.5rem; color: #F44336; line-height: 1em; } .weui_text { margin-bottom: 0.625rem; padding: 0 0.5rem; } .weui_msg_title { margin-bottom: 0.5rem; font-weight: 400; font-size: 2rem; } .weui_text p { line-height: 2.5rem; } .weui_text .weui_xtts { color: #333; font-size: 1.3rem; } .weui_text .weui_tips { color: #999; font-size: 0.325rem; } .weui_text .weui-p { padding: 0.25rem 0; } .weui_text .weui-a { background: none; border: 1px solid #ccc; color: #333; } .weui_text .weui_tzt a { color: #10AEFF } .subw500 { width: 500px; max-width: 500px; } .ovhidden { overflow: hidden; } .nav-menu-item-name-white { color: #f3f5f7; } .adpc { display: block; } @media(max-width:767px) { .adpc { display: none; } } .adwap { display: block; } @media(min-width:767px) { .adwap { display: none; } } .bgys { background: #eaedf1; margin: 0 0 50px; } .qxgddh { position: inherit; padding: 0; } .picw { width: calc(25% - 20px); } .top65 { padding-top: 65%; } .nohoverbg::before { background: none } .nohoverbg:hover .module-item-pic a { background: none } .ccenter { text-align: center; } .mxone-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .mxone-modal__dialog { position: relative; width: 350px; margin: 140px auto; } .mxone-modal__content { position: relative; background-color: #fff; border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-open { overflow: hidden; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.fade.in { opacity: .5; } .mxone-pannel-box { padding: 10px; } .mxone-pannel_hd { padding: 10px; } .mxone-pannel__head { position: relative; height: 30px; } .mxone-pannel__head.active { height: 40px; } .mxone-pannel__head .title { float: left; margin: 0; padding-right: 10px; line-height: 24px; } .mxone-pannel__head .title img { display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: -5px; } .mxone-pannel__head .more { line-height: 30px; } .mxone-pannel__head .title { float: left; margin: 0; padding-right: 10px; line-height: 24px; } .pull-right { float: right !important; } .input-list li { padding: 10px 20px; } .text-center { text-align: center; } .mxone_login__form .another { padding: 20px 10px 10px; text-align: center; } input, textarea { outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input.form-control, input.btn { outline: 0px; -webkit-appearance: none; } input[type="checkbox"] { vertical-align: -2px; } .form-control { display: block; width: 100%; height: 30px; padding: 10px; font-size: 12px; line-height: 25px; border-radius: 4px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-color: #F5F5F5; color: #999999; border: 1px solid #EEEEEE; } textarea.form-control { height: auto; } .input-list { margin-bottom: 20px; } .input-list li { padding: 10px 20px; } .input-list li input.form-control { height: 40px; } .user-title { color: #333333; font-size: 18px; } /*ad*/ .homepage .agad ,.page .agad{ position:absolute; top:0; display:none; width:100%; height:100%; z-index:11 } @keyframes fadeIn-agad__screen { 0% { opacity:0 } to { opacity:1 } }.agad__screen { width:100%; height:100%; position:relative; overflow:hidden; animation:fadeIn-agad__screen 0.7s ease-in-out } .agad__screen-count { font-size:12px; position:absolute; top:0; right:7.5%; width:140px; height:20px } .agad__screen-count .close,.agad__screen-count .txt { position:absolute; height:20px; line-height:20px; top:118px; right:0; color:#fff; z-index:10; background-color:rgba(0,0,0,.6) } .agad__screen-count .close .num,.agad__screen-count .txt .num { color:#ff5f00; padding:0 1px } .agad__screen .close { border-radius:0 10px 10px 0; padding:0 7px 0 4px } .agad__screen .txt { border-radius:10px 0 0 10px; padding:0 4px 0 7px; right:19px } .agad__screen-img { cursor:pointer; width:100%; height:100%; z-index:1; display:block; background-position:50%; background-repeat:no-repeat; background-size:cover } .agad__screen-img img { display:none } /*会员导航条*/ .drop-user{width:260px} .text-content{ height: 30px;opacity: .6;font-size: 14px;color: #000000;line-height: 36px; padding: 0 20px;margin-bottom: 5px;} .text-alink{ padding: 0 20px; height: 40px;font-size: 14px;line-height: 40px;} .text-alink i { padding: 0 10px;} .button-area{border-radius: 20px;overflow: hidden; width: -webkit-calc(100% - 40px); width: calc(100% - 40px);margin: 13px auto 20px;height: 32px;} .button-area button{width: 100%; background: #ff008c; border-radius: 20px; border: none; height: 32px; line-height: 32px; color: #fff; font-family: PingFangSC-Medium;font-size: 14px; outline: none;cursor: pointer;} .split-line { display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px; background-color: #EEEEEE; } .top-line, .bottom-line { position: relative; } .top-line:before { content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; border-top: 1px solid #EEEEEE; } .bottom-line:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; border-bottom: 1px solid #EEEEEE; } .text-muted { color: #999999; } .btn4 { border-radius: 4px; } .dymrslide { display: block; position: relative; padding-top: 150%; background-size: cover; border-radius: 5px; } .dymrslide.banner { padding-top: 35%;/*横幅加宽2022-3-12 23:41:29*/ } @media (max-width:767px) { .dymrslide.banner { padding-top: 45%; } } .list .list-item { width: calc(25% - 28px) } .list .list-item { display: inline-block; background: hsla(0,0%,100%,0); border: 1px solid #f5f5f5; margin: 0 12px 24px; border-radius: 4px; overflow: hidden } .list .list-item .item-title { background: #ECEEF1; border-bottom: 1px solid #f5f5f5; height: 60px; line-height: 60px; margin: 0; font-size: 22px; color: #282828; font-weight: 400 } .list .list-item .item-title i { margin-left: 24px; margin-right: 8px; font-size: 22px; } .keyword { color:#282828; } .order{color: #b0b0b0;} .list .list-item .item:hover { background: #fff } .list .list-item .item:hover .keyword { color: #ff2a14 } .list .list-item .item { text-decoration: none; display: block; padding-top: 15px; padding-bottom: 15px; font-size: 16px; color: hsla(0, 0%, 100%, .87); line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .list .list-item .one { color: #fc4274 } .list .list-item .two { color: #ff8155 } .list .list-item .three { color: #fcb80a } .list .list-item .item .order { margin: 0 21px 0 24px } .gmmxone{z-index:1;} .list .list-item .item .tag { display: inline-block; margin-left: 8px; background-color: #0d9bff; font-size: 12px; padding: 2px; line-height: 12px; color: #fff; text-align: center; position: relative; top: 1px; vertical-align: middle; border-radius: 2px } .list .list-item .item span { vertical-align: middle; line-height: 16px } @media(max-width:899px) { .list .list-item { width: calc(50% - 28px) } } @media(max-width:559px) { .list .list-item { width: calc(100% - 24px) } .ovauto{overflow:auto;} } .module-item-cover.nohoverbg.pt50 { padding-top: 50%; } .w16{ width: calc(16.66% - 18px); margin: 0 18px 15px 0; } .module-line-list .w16:nth-child(n+7){ display: none; } @media (max-width: 899px){ .w16 { width: calc(25% - 15px); margin: 0 15px 20px 0; } .module-line-list .w16:nth-child(n+7), .module-lines-list .w16:nth-child(n+9){display:none;} } @media (max-width: 559px){ .w16 { width: calc(50% - 10px); margin: 0 10px 12px 0; } } .w100{width:100%!important;} .shrink,.morecontent{color: #ff2a14; cursor: pointer;} .dbiconys{display:none;} .mx-mac_msg_jump { box-shadow:0 7px 21px rgba(149,157,165,.22); margin:35px auto; padding:50px 25px; width:100%; border-radius:4px } .mx-mac_msg_jump .msg_jump_tit { margin-bottom:25px; text-align:center; line-height:26px; color:#222; font-size:1.5rem; font-weight:700 } .mx-mac_msg_jump .text { margin-bottom:10px; color:#222; font-size:14px } .mx-mac_msg_jump .title { margin-bottom:10px; color:#666; font-size:14px } @media (min-width:768px) { .mx-mac_msg_jump { margin:35px auto; padding:50px; width:400px } }.mx-mac_msg_jump .form .item1 { position:relative; border:1px solid; border-radius:4px; line-height:43px; border-color:#f2f2f2 } .mx-mac_msg_jump .form .item1 input { display:inline-block; padding:0 10px; width:65%; border:none; background:0 0; line-height:inherit } .mx-mac_msg_jump .form .item1 .get-pwd { float:right; display:inline-block; padding-right:10px; width:35%; text-align:right; line-height:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .btnpwd { display:inline-block; margin-top:25px; width:100%; border:none; border-radius:4px; line-height:45px; cursor:pointer; text-align:center; background:#ff2a14; color:#fff } .btnpwd:hover { background:linear-gradient(90deg,#ff9800,#ff2a14) !important; color:#fff } .btnlogin{display:inline-block;margin:5px 10px 0;padding:0 32px;border-radius:32px;line-height:36px;background:#ff2a14;color:#fff;}.btnlogin:hover{background:linear-gradient(90deg,#ff9800,#ff2a14) !important;color:#fff;}.btncz{display:inline-block;margin:5px 10px 0;padding:0 32px;border-radius:32px;line-height:36px;border:1px solid #ff2a14;color:#ff2a14;} .item1 input:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px white inset } /*playtitle*/ .module-list-right-title-wrap .thesis-wrap{height: 26px;line-height: 26px;} .module-list-right-title-wrap .thesis-wrap a{font-size: 20px;color: hsla(189, 60%, 48%);} .module-list-right-title-wrap .thesis-wrap .title-link{display: block;float: left;width: 180px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .module-list-right-title-wrap .thesis-wrap .reserve{ float: right;cursor: pointer;} .module-list-right-title-wrap .thesis-wrap .reserve.disabled{color: #ff1800;} .module-list-right-title-wrap .title-info{ font-size: 12px;overflow: hidden;margin-top: 10px;padding-bottom: 20px;color:hsla(189, 60%, 48%); clear: both;} .module-list-right-title-wrap .title-info-ad .button-container{margin-bottom: 15px;} .module-list-right-title-wrap .title-info-ad .button-container{top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;width: 100%;height: 40px;border-radius: 8px; font-size: 14px; font-family: MicrosoftYaHeiSemibold; text-align: center; cursor: pointer;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; user-select: none;} .module-list-right-title-wrap .title-info-ad .button-container.button-vip{background: -webkit-gradient(linear,left top,right top,from(#ffaf33),to(#ff4239)); background: linear-gradient(90deg,#ffaf33,#ff4239);} .module-list-right-title-wrap .title-info-ad .button-container.button-app{background: -webkit-gradient(linear,left top,right top,from(#2eb5c3),to(#673AB7)); background: linear-gradient(90deg,#2eb5c3,#673AB7);} /*playtitle*/ /*xiangguan actor*/ .actor_part{width: 200px; float: left; display: block; overflow: hidden; padding: 5px;background: #ffffff;border-radius: 50px;border: 1px solid #e5e5ef; } a.actor_part:hover{color: #fff; background: #ff2a14;border: 1px solid #ff2a14;} .actor_pic{position: relative; display: block; width: 50px; height: 50px;float: left;background: #ebebeb; background-position: 50% 50%; background-size: cover; border-radius: 100%; overflow: hidden;} .actor_pic img{width: 100%; height: 70px;} .actor_name{text-align: center; padding-top: 5px; padding-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;} .module-actor-list {position: relative;} .actor-list{width: 100%; position: relative;z-index: 1;height: 120px;} .actor-list div.current .actor_part{color: #fff; background: #ff2a14;border: 1px solid #ff2a14;} .actor-list .current { width: 202px; position: relative;} .actor-list .current:after { content: ""; display: inline-block; width: 100%; height: 1px;background-image: -webkit-gradient(linear,left top,right top,from(#dfdfe2),color-stop(50%,#ff2a14),to(#dfdfe2));background-image: -o-linear-gradient(left,#1e1e24,#ff008c 50%,#1e1e24); background-image: linear-gradient(90deg,#dfdfe2,#ff2a14 50%,#dfdfe2); position: absolute; bottom: -30px;left: 0;} .actor_xian { content: "";display: inline-block;border-bottom: 1px solid #dfdfe2; bottom: 0;left: 0; width: 100%;height: 30px;} .actor_arrow{display: none; position: absolute;bottom: -36px; left: 50%; margin-left: -7px;width: 14px; height: 14px;background-color: #ff2a14;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); z-index: 1;} .actor-list .current .actor_arrow{display: block;} .actor-list .current .actor_arrow:after{ background-color: #ffffff;} .actor-list .current .actor_arrow:after {content: "";position: absolute;left: 2px;top: 2px; width: 14px;height: 14px;-webkit-transform: skew(-15deg,-15deg);-ms-transform: skew(-15deg,-15deg); transform: skew(-15deg,-15deg);} .trochanter-actorvbox{} .trochanter-actorvbox .module-items.current {display:block;} .trochanter-actorvbox .module-items.dd {display:none;} @media (max-width: 1549px){.actor_part{width: 150px;}.actor-list .current { width: 152px;}} @media (max-width: 899px){.actor-list{height: 106px;}} /*海报广告样式 ad*/ @media screen and (max-width: 1000px) { .appnone{ display:none; } } .app-guide { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100px; background: rgb(22 22 26 / 80%); transform: translateX(-3000px); -webkit-animation: showappguide 2s linear forwards; animation: showappguide 2s linear forwards } .app-guide .app-guide-content { position: relative; height: 100%; padding-top: 31px; box-sizing: border-box; min-width: 1163px } .app-guide .app-guide-content .guide-ac { position: absolute; bottom: 0; left: -70px; width: 330px; height: 150px } .app-guide .app-guide-content .guide-text { width: 867px; height: 38px; margin-left: 260px } .app-guide .app-guide-content .guide-qrcode { position: absolute; right: 160px; top: 5px; width: 80px; height: 80px; border: 5px solid #fff } .app-guide .app-guide-content .guide-close { position: absolute; right: 0; top: 7px; width: 27px; height: 27px; text-align: center; opacity: 1; cursor: pointer; background-size: 100% } .app-guide-hide { -webkit-animation: hideappguide 2s linear forwards; animation: hideappguide 2s linear forwards } @-webkit-keyframes showappguide { 0% { transform: translateX(-3000px) } to { transform: translateX(0) } } @keyframes showappguide { 0% { transform: translateX(-3000px) } to { transform: translateX(0) } } @-webkit-keyframes hideappguide { 0% { transform: translateX(0) } to { transform: translateX(-3000px) } } @keyframes hideappguide { 0% { transform: translateX(0) } to { transform: translateX(-3000px) } } .app-guide .app-guide-content .guide-text { width: 867px; height: 38px; margin-left: 260px; } .wwwp img { vertical-align: top; } .app-guide .app-guide-content .guide-ac { position: absolute; bottom: 0; left: -70px; width: 330px; height: 150px; } .app-guide .app-guide-content .guide-qrcode { position: absolute; right: 160px; top: 5px; width: 80px; height: 80px; border: 5px solid #fff; } .app-guide .app-guide-content .guide-close { position: absolute; right: 0; top: 7px; width: 27px; height: 27px; text-align: center; opacity: 1; cursor: pointer; background-size: 100%; } .wwwp { width: 1163px; margin: 0 auto; } /*海报广告样式 ad*/ /*预告*/ .module-items .pack_reserve {position: relative;margin-bottom: 16px; height: 30px; text-align: center;} .module-items .pack_reserve p {position: relative; z-index: 8; display: inline-block;padding: 0 10px;height: 30px;background: #ffffff;text-align: center;font-size: 16px; line-height: 30px;} .module-items .pack_reserve:after {content: ""; width: -webkit-calc(100% + 12px);width: calc(100% + 12px); height: 1px; background: hsl(0deg 0% 16% / 87%); opacity: .2; position: absolute; left: 0;top: 15px;z-index: 5;} .module-item .reserve {position: absolute;right: 0;bottom: 0; display: block;width: 48px; height: 24px; line-height: 22px;text-align: center; font-size: 12px; color: #ff2a14; box-sizing: border-box; border-radius: 16px;border: 1px solid #ff2a144a;cursor: pointer;} .module-item .reserve:hover {color: #fff;background: #ff2a14;} @media (max-width: 640px){ .module-items .pack_reserve p { font-size: 13px; } } /**/ .homepage_homepage_channelnav { position:relative; height:90px; width:100%; font-size:16px; line-height:24px; margin-bottom:60px; margin-top:-50px;/*幻灯片下导航高度*/ text-shadow:0 1px 2px rgb(247 247 247 / 26%); z-index:2; top:32px; background-color:#fff; border-radius:10px; } .homepage_homepage_channelnav .homepage_left_content { position:relative; float:left; } .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new { display:inline-block; vertical-align:top; padding:16px 0; } .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new { display:block; float:left; position:relative; width:136px; text-align:center; margin:5px 74px 0 0; } .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new .homepage_main_tabs_title_new { display:block; font-size:26px; -webkit-font-family:SimHei; font-family:Alibaba PuHuiTi B,pingfang SC; font-weight:900; text-align:center; pointer-events:auto; position:relative; } .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new .homepage_main_tabs_sub_new .homepage_sub_title_new { display:inline-block; margin:8px 8px 4px 0; max-width:64px; overflow:hidden; white-space:nowrap; font-size:16px; font-family:PingFang SC; font-weight:400; text-align:left; pointer-events:auto; } .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new .homepage_main_tabs_sub_new .homepage_sub_title_new:nth-child(2) { margin-right:0; } .homepage_homepage_channelnav .homepage_left_content .homepage_normal_tabs_wrap { display:inline-block; vertical-align:top; padding:16px 0; } .homepage_homepage_channelnav .homepage_normal_tabs { display:inline-block; margin-right:24px; } .homepage_homepage_channelnav .homepage_normal_tabs a { display:block; pointer-events:auto; } .homepage_homepage_channelnav .homepage_normal_tabs a:first-child { margin-bottom:14px; } .homepage_homepage_channelnav .homepage_opt_wrap { height:90px; float:right; width:283px; } .homepage_homepage_channelnav .homepage_opt_wrap a { display:block; height:90px; float:left; position:relative; width:70px; pointer-events:auto; text-align:center; } .homepage_homepage_channelnav .homepage_opt_wrap a img { position:absolute; width:32px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); right:0; top:19px; } .homepage_homepage_channelnav .homepage_opt_wrap a span { display:block; margin-top:54px; font-size:14px; } .homepage_homepage_channelnav .homepage_opt_wrap a { margin-right:24px; } .homepage_homepage_channelnav .homepage_cut_line_wrap { overflow:hidden; position:relative; height:100px; } .homepage_homepage_channelnav .homepage_cut_line { width:1px; height:60px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),color-stop(.31,hsla(0,0%,100%,.5)),color-stop(.56,hsla(0,0%,100%,.5)),color-stop(1,hsla(0,0%,100%,0))); background:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5) .31,hsla(0,0%,100%,.5) .56,hsla(0,0%,100%,0) 1); background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5) .31,hsla(0,0%,100%,.5) .56,hsla(0,0%,100%,0) 1); } .homepage_channel_video_wrap { background-color:rgba(18,19,24,.8); box-shadow:0 1px 4px .08px rgba(16,17,19,.3); border-radius:5px; font-size:0; display:none; width:495px; position:absolute; bottom:75px; padding:10px 10px 0px 15px; z-index:3; animation-name:content; animation-duration:0.5s; } .homepage_title { display:block; width:100%; text-align:left; height:20px; line-height:20px; font-size:14px; margin-bottom:10px; color:#ddd; } .homepage_video_wrap { display:inline-block; margin-right:10px; width:106px; color:#ddd; } .homepage_video_wrap .homepage_video_img { height:140px; object-fit:cover; width:100%; border-radius:4px; margin-bottom:5px } .homepage_video_wrap .homepage_video_title { width:100%; height:18px; line-height:18px; font-size:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; } .homepage_homepage_channelnav .homepage_channel_video_wrap .homepage_arrow { left:61px; } .homepage_homepage_channelnav .homepage_arrow { position:absolute; bottom:-10px; width:0; height:0; right:45px; border:5px solid transparent; border-bottom-color:rgba(18,19,24,.8); -webkit-transform:rotateX(180deg); transform:rotateX(180deg); } .homepage_more_tab_wrap { position:absolute; bottom:46px; right:20px; max-width:310px; background:#2a2a32; box-shadow:0 -12px 24px 0 rgba(0,0,0,.22); border-radius:4px; padding:13px 5px; -webkit-animation-name:homepage_more_tab_wrap-in-animation; animation-name:homepage_more_tab_wrap-in-animation; -webkit-animation-duration:.3s; animation-duration:.3s } .homepage_more_tab_wrap .homepage_tab { display:block; height:22px; line-height:22px; font-size:16px; margin:7px 15px; float:left } .homepage_more_tab_wrap .homepage_tab:hover { color:#0d9bff } .homepage_title .fa { margin-left:5px; font-size:13px } @media (max-width:1810px) { .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new { margin:5px 30px 0 0; } }@media (max-width:1679px) { .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new { margin:5px 20px 0 0; } @media (max-width:1550px) { .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new { margin:5px 10px 0 0; } @media (max-width:1239px) { .homepage_homepage_channelnav .homepage_left_content .homepage_main_tabs_wrap_new .homepage_main_tabs_new { margin:5px 5px 0 0; } .homepage_homepage_channelnav .homepage_cut_line { display:none; } .homepage_homepage_channelnav .homepage_opt_wrap a:nth-child(3) { display:none; } }@media (max-width:1200px) { .homepage_homepage_channelnav { display:none; } }@media (max-width:1329px) and (min-width:900px) { .homepage_homepage_channelnav .homepage_main_tabs_wrap_new .homepage_main_tabs_new:nth-child(5),.homepage_homepage_channelnav .homepage_main_tabs_wrap_new .homepage_main_tabs_new:nth-child(6) { display:none; } }@media (max-width:1689px) and (min-width:1240px) { .homepage_homepage_channelnav .homepage_main_tabs_wrap_new .homepage_main_tabs_new:nth-child(6) { display:none; } .search-cupfox .icon-cupfox { background: url(../image/cupfox_logo.svg) no-repeat center; height: 21px; width: 28px; background-size: 100% }
  • 正在播放《锁滟娇》第21集 - 聚星影院
  • 提醒不要轻易相信视频中的任何广告,谨防上当受骗
  • 技巧如遇视频无法播放或加载速度慢,可尝试切换播放节点或者切换解析
  • 收藏聚星影院—最新高清免费电影在线观看下载网址:  /    ,记得收藏哟~
剧情:
故事发生于古代豪门家庭,一名女子因家族联姻被迫签订契约婚姻,嫁入权势世家。初始的冷漠关系在共同应对家族阴谋和外部威胁中逐渐瓦解,她发现丈夫表面威严下藏着柔情与脆弱。历经背叛和牺牲后,一场意外反转揭露了隐藏的真实身份,促使两人从虚假契约走向真挚情感。在 ** 争和自我救赎中,他们并肩对抗敌人,最终打破枷锁,收获了深刻的爱与自由。
广告名 播放页广告

在线观看

播放节点列表
DJ线路80
【全80集】
官网同步更新,若有延迟请稍作休息再看看

if (strstr($obj['vod_play_list'][$param['sid']]['urls'][$param['nid']]['url'],$vo2)==true){
播放失败点我【切换】解析或线路!

相关影片

2026 情感短剧 中国大陆
女主,上一世在一次儿科急救室停电后,明明全力抢救了所有孩子,但是第二天醒来,孩子们却全部死亡,又遭到儿子和丈夫的诬陷。重活一世后,女主又来到了停电的夜晚,这一次,她将选择不一样的方式,拯救孩子们,并且
全32集
2026 情感短剧 中国大陆
苏氏集团创始人苏云天之女、新任总裁林楠,为彻查公司内部贪腐、平稳完成权力交接,隐瞒真实身份,以普通员工身份潜入集团。她以核心的“灵犀项目”为突破口,引诱出以副总李总为首的利益团伙。入职期间,林楠屡遭恶
全45集
2026 情感短剧 中国大陆
本分村民冯军,无端遭李有才碰瓷勒索,被骗木偶欠药债。这场横祸彻底击碎了他的安稳生活,妻子不堪重压选择叛离,朝夕相伴的爱犬大黄被强行掳走,就连女儿的意外惨死,背后也藏着不为人知的阴谋。忍到极致的老实人终
全52集
2026 情感短剧 中国大陆
沈府嫡女沈念携恨重生回到母亲决意与父亲和离的那一刻,极力阻止,誓要守护家业,报复外室柳如月。面对外室携子登堂,沈念凭借前世记忆与智慧一一化解,母亲在沈念的鼓励下不再软弱,二人合力夺回掌家权,揭露二叔与
全70集
2026 情感短剧 中国大陆
川西督军之女冯婞性格开放喜欢调戏美男,但有自己底线。她文武双全,带领川西军战无不胜。时逢雪灾,建邺一带百姓流离失所,军粮也见了底,外面又有外敌虎视眈眈。为了缓和军需、大帅沈奉听从属下的献计,同时迎娶川
全80集
2026 情感短剧 中国大陆
江知意本是顶级财团千金,隐瞒身份下嫁付成言,帮助付成言成为江氏集团副总,自己则怀孕在家任劳任怨伺候付家人。坦白财团千金身份之时,却发现付成言出轨秘书。彻底觉醒回到江氏当团宠大小姐,打脸所有背叛自己的人
全36集
2026 情感短剧 中国大陆
姜昭野对死对头沈怀川爱而不得,在又一次被沈怀川误解后意外去世。死后姜昭野觉醒了复仇系统,被奖励重生。没想到沈怀川直接将姜昭野的身体火化,导致姜昭野无法顺利复活。姜昭野愤怒之下,选择投胎到沈怀川肚子里重
全55集
2026 情感短剧 中国大陆
王思晴是云城盛运集团的总裁,和丈夫张浩辰马上要结婚三周年。为了庆祝,王思晴决定瞒着丈夫准备宴会,却没想到张浩辰其实在外面包养外室,并且哄骗林晓柔自己还是单身,马上就要和林晓柔结婚。林晓柔选择的订婚宴也
全40集
2026 情感短剧 中国大陆
樊天上一世因为阴谋死于樊笼里,却阴差阳错修成樊家秘技“樊笼出天”,经历八苦成大圆满,成为天龙修仙境界第一人。樊天重生回修仙学院毕业当天,却得知青梅余安雪也重生了,上一世两人结为夫妻,这一世余安雪却选择
全70集
2026 情感短剧 中国大陆
为挣脱嫁给傻子的宿命,谢梨走投无路,误闯凶名昭彰的傅爷(傅寒舟)的地盘,冒死向他求助。傅寒舟对女性过敏,却唯独对谢梨的靠近毫无排斥,二人亲密接触。事后谢梨逃走,以为自此便能与傅寒舟再无瓜葛,却因这一夜
全76集
2026 情感短剧 中国大陆
商界巨擘江万川惨遭养子江思贤毒手,不仅被夺去公司大权,更亲眼见证亲生儿子林涛一家陷入绝境,最终含恨而终。一朝重生,他回到父子隔阂初现、江思贤阴谋刚要铺开的节点。这一次,江万川不再被蒙蔽,誓要撕破江思贤
全80集
2026 情感短剧 中国大陆
顶尖科研人员林知微在爆炸中丧生,穿书成为林家被嫌弃的真千金。自幼被弃养乡下,18岁才被接回城里,却遭偏心母亲冷遇和双胞胎妹妹林雨晴的排挤暗算。拥有科研级智商的林知微不屑宅斗,一心扑在学习上。面对林雨晴
全30集
2026 情感短剧 中国大陆
大年初一,豪门贵妇沈曼云在全家面前,突然对乖巧的儿媳白灵连扇耳光,理由竟是她身着红裙拜年。丈夫与儿子竭力维护,白灵委屈不解,说出怀孕事实以求宽恕。然而,沈曼云不为所动,铁了心要打完“第三个耳光”,并权
全32集
2026 情感短剧 中国大陆
与前妻离婚后的刘宇泽和现任妻子过的生活很美好,然而好景不长,温柔美丽的现任妻子逐渐露出丑陋自私的真面目,背后虐待刘宇泽的亲生女儿,甚至让刘宇泽的老母亲给她当牛做马,还出轨了所谓的“男闺蜜”,刘宇泽的公
全29集
2026 情感短剧 中国大陆
现代女大学生柳知鸢,意外穿越成短剧中即将被暴君萧御杖毙的炮灰柳妃。绝境中,她激活了可以逆转时空的倒档系统成功得救。为了拯救被诬贪污而将被满门抄斩的柳家,她不得不与喜怒无常的暴君萧御周旋。从冷宫求生到豫
全90集
2026 情感短剧 中国大陆
夏添八岁时,夏添与季斯琰相识,年长几岁的季斯琰一直像兄长般照料夏添,两人成为彼此成长中重要的同伴。待夏添成年,正处于人生关键的抉择阶段,她对未来的规划与季斯琰的想法产生分歧。季斯琰担心夏添的选择过于冲
全51集

正在热播

更多
2026 综艺 内地
热播
未知 
《你好,星期六》节目以全新打造的好六街街区为背景,将平凡生活的烟火气搬进演播厅,展现市井生活人间百态。深度挖掘好6团和飞行嘉宾们的艺能,对当下最具热点的社会话题以及正能量价值观导向进行引导和输出。
更新至2026-04-13期期
2025 剧情片
热播
未知 
国内首档非主流纯得瑟自带弹幕解说磕巴的严肃娱乐星闻类吐槽,粉丝超爱!
已完结
2026 综艺 中国
热播
未知 
《大医本草堂》是一档养生类节目。节目内容选题结合时下大家关心的健康问题,每期都会邀请国内中医界人物现场给出专业解答,通过专业讲解、举例对比、观众互动等,将健康养生知识用生动活泼的形式传递给观众。
更新至20260415期
2026 综艺 中国
热播
未知 
《群英会》是一档纯原创的语言类节目,节目从中国传统文化出发,以表演,采访,展示与场内观众互动等艺术形式为载体,弘扬中国传统文化。集公益性、教育性、知识性于一体,让观众在娱乐嬉笑之余感受中华传统文化的博大精深。
更新至20260411期
2025 剧情片 美国
热播
为了翻拍影史经典《狂蟒之灾》,格里夫(保罗·路德 饰)和道格(杰克·布莱克 饰)成立史上最穷剧组!在唯一一条演员蛇因伤下线后,他们决定深入亚马逊雨林捉蛇补位,却意外遇上真巨蟒,原本滑稽混乱的片场瞬间沦为致命险境。在蛇口之下四处逃窜的他们,最终是会全员殒命还是顺利杀青?
完结
2026 动作片 中国
热播
绝症儿子配型被抢,连环劫车命案主犯张斌携妻再犯案,刑警吴晓光追凶7年,明暗之间正邪双方激烈对峙……
完结
2026 港台剧 中国香港
热播
高等法院法官言惠知正值事业高峰,但一宗案件令她人生逆转!为阻止社会出现更多“恶魔少年”,言惠知不惜放弃前途,主动降职担任少年法庭的法官,面对一宗又一宗严重的少年案件,她择善固执、坚持正义,也要救赎这些脱轨少年的人生。
更新至23集
2026 国产剧
热播
现代女高管夏晓兰陷入了公司暴雷要她顶缸的绝境,绝望之余她迷迷糊糊之际穿越成了18岁的美貌村妞!无钱无权无依靠,可有颜有妈有青春。灵活的头脑,总是能创造绝境逢生的奇迹。夏晓兰一步一步向前走,她要拼命寻找求学机会,深知“知识改变命运”是经年不变的途径,她通过自己的努力,克服重重困难考上了心仪的大学。她还开启创业模式,从卖鸭蛋、卖油饼这种无本生意起步,倒卖服装、进军房地产……迅速盘起生意经。 一手是学习,一手是生意,在这个过程中,她也遇到了酸甜如杨梅冰般的爱情。这个时空中的夏晓兰,一改从前的软弱退缩,主动拥抱命
更新至30集/共36集
2026 国产剧 内地
热播
任小名在遭遇丈夫剽窃作品准备夺回版权时,因一桩跨越二十年的藏尸案,牵扯出母亲任美艳、闺蜜柏庶、老师周芸等众多女性间的秘密纠葛,尘封20年的秘密逐渐浮出水面……
已完结
2026 国产剧 内地
热播
上世纪70年代末,带着两儿一女的机械厂工人庄先进,迎娶了带着一儿一女的歌舞团演员苏小曼,来自两个家庭的孩子各怀心思,和父母一道演绎了一段三十年的情感大戏。自小当家的大女儿庄好好,是两个重组家庭的“定盘星”,从电车售票员到歌舞厅里的驻唱红歌手,她像高山之巅的野花,和家人们携手并肩心向阳光,顽强生长。庄先进终于实现了为孩子起名“好好学习,天天向上”的梦想,可为之圆梦的庄向上却成为庄好好和苏小曼之间不可说破的“秘密”。庄学习和王元媛本是青梅竹马的同学,却因各自父母的结合,两人只能擦肩而过。庄先进的徒弟刘成追求庄
全剧集
2026 国产剧 内地
热播
三年前,数学天才饶雨瓷被闺蜜兼创业合伙人白靓靓设计构陷,因“药物成瘾”袭击母亲,被家人强制送进了心康治疗中心接受治疗,而白靓靓靠卖掉两人创办的公司,成为历森集团的高管。亲情、友情、爱情、事业悉数从她的人生退场。天才坠落的同时,也死死记住了推她进深渊的脸。三年后,饶雨瓷病愈出院,她精心计划,誓要揭下白靓靓的伪善面具,让她的恶行在阳光之下无所遁形……
已完结
2026 国产剧 内地
热播
本剧讲述了屠户女樊长玉与落难侯爷谢征于风雪中宿命相逢,一个父母双亡要做女户主,一个隐姓埋名报复十七年前血仇,二人“各有目的”的演出了一场假婚真爱!利用变成真爱,真爱却带来了血腥战事,相爱之人被迫分离。樊长玉拿着杀猪刀上战场,寻亲寻夫寻正义;谢征恢复铁血侯爷,护国护爱护真相!两人终于战场重逢,并肩搏杀,不畏生死;揭破真相,不惧威权;回归家园,不忘初心!
40集全
2026 国产剧 中国
热播
该剧讲述了70后女性方婉之从西南山区奔赴深圳的奋斗人生。故事从她挣脱原生家庭的束缚开始,历经现实磨砺的洗礼,最终在与时代共振的机遇中,实现了自我价值的蜕变与成长,映射出改革开放浪潮下个人与社会的深刻共鸣。
更新至28集
2026 剧情片 中国
热播
性格迥异的李默(刘昊然 饰)与安德烈(董子健 饰)因为足球成为知己,而一场意外却让安德烈跟随年少往事一起消失在了李默的记忆中。多年后,李默在为父亲奔丧路上与安德烈“重逢”,一段尘封的回忆被逐渐揭开。
完结
2026 国产剧 内地
热播
将军府独女金珠从小爱恋宁王周南栀,并如愿嫁给了他,可在新婚之夜却意外看到凭空出现的弹幕,发觉自己竟只是漫画中的炮灰女配,并会当即死在新婚之夜,换言之开局即下线。为了求生,金珠决定求助于男主周南栀的死对头—反派楼肆意,并改变命运的故事。
全剧集
2025 剧情片 内地
热播
青年工人李明奇(蒋奇明 饰)背着自制飞行器从热气球上一跃而下。影片描绘了李明奇奇幻、跌宕又平凡的一生。李明奇和他的伙伴们为东北的黑土和白雪画上不一样的颜色。
完结

影片评论

广告名 全站底部广告
留言
首页
排行榜
我的