.groom-module { margin: 0 !important; width: 192px !important; height: 120px !important; } .bangumi-timing-module .card-timing, .groom-module { -webkit-tap-highlight-color: transparent; } .chief-recommend-module .recommend-module, .nominate-m .video-card-box, .groom-box-m { height: 240px !important; } .groom-module .pic, .groom-module .lazy-img { width: 100% !important; height: 100% !important; transition: all .2s; } .groom-module:hover .pic, .groom-module:hover .lazy-img { filter: blur(8px); } .groom-module .card-mark { width: calc(100% - 20px) !important; top: 88px; padding: 10px !important; } .groom-module:hover .card-mark { top: 0 !important; } .chief-recommend-module .carousel-box, .chief-recommend-module .carousel-box img { height: 240px !important; width: 480px !important; } .nominate-m .carousel-box, .nominate-m .carousel-box img { height: 240px !important; width: 672px !important; } .storey-box .spread-module, .live-module .storey-box .card-live-module, .special-module, .video-item-biref { margin: 0 !important; width: 192px !important; height: 168px !important; -webkit-tap-highlight-color: transparent; } .special-module { height: 192px !important; } .special-module .pic .title { line-height: unset !important; height: auto !important; } .special-recommend-module .storey-box { height: 180px !important; } .special-module .user { transform: translatey(24px); } .spread-module .pic, .live-module .storey-box .card-live-module .pic, .special-module .pic-box, .mod-3 .l-item .l, .mod-1 .l .spread-module, .mod-3 .l .spread-module, .mod-2 .spread-module, .mod-2 li .l, .video-item-biref .biref-img { width: 192px !important; height: 120px !important; } .mod-2 li .l-item { height: auto; } .mod-3 .l-item, .mod-3 li { width: 192px !important; } .mod-3 .l .spread-module { margin: 0 !important; } .mod-3 li, .mod-1 li, .mod-1 .r, .mod-2 li .l-item { padding: 0 !important; } .mod-3 .r .v-info, .mod-3 .r .up-info, .mod-3 .r .title { padding-top: 4px !important; margin-top: 0px !important; } .mod-2 li .r .v-desc { padding: 0 !important; margin: 10px 0 !important; } .spread-module .num, .live-module .storey-box .card-live-module .num { padding-left: 8px; padding-right: 8px; bottom: 6px; } .spread-module .t, .live-module .storey-box .card-live-module .t, .special-module .pic .title, .video-item-biref .biref-info .biref-title { padding-left: 4px; padding-right: 4px; padding-top: 4px; } .sec-rank .rank-list-wrap .rank-list { min-height: 288px; } .hot-recom-module { height: auto !important; } .game-groom-box-m, .game-groom-box-m .game-groom-m { height: 100% !important; } .spread-module .pic, .special-module .pic-box, .groom-module, .carousel-box .carousel-module .panel, .live-module .storey-box .card-live-module .pic, .card-live-module .pic .mask, .mod-3 .l-item, .carousel-wrapper, .video-item-biref .biref-img, .game-groom-box-m .game-groom-m { border-radius: 0 !important; } .rank-list .rank-item .ri-num, .card-timing-module .pic, .timeline-box .timeline-item .preview, .timeline-box .timeline-item .preview img { border-radius: 50% !important; } .cover-preview-module .cover { width: 160px; transform-origin: left top 0px; transform: scale(1.3); } .bangumi-timing-module .card-timing { width: 205px; } .card-timing-module .r-text { width: 120px; } .recommend-module .rec-btn.prev { left: 0 !important; } .primary-menu { display: flex; align-items: center; margin: 0; width: 100%; } .primary-menu .nav-menu { flex: 1 0 auto; display: flex; justify-content: space-between; align-items: center; margin-right: 28px; } .primary-menu .nav-menu>li .num-wrap span { padding: 2.5px; line-height: unset; height: auto; min-width: 30px; } .primary-menu .nav-menu>li.home>a, .primary-menu .nav-menu .side-nav .side-link i.square, .primary-menu .nav-menu .side-nav .side-link i.zhuanlan, .primary-menu .nav-menu .side-nav .side-link i.live, .primary-menu .nav-menu .side-nav .side-link i.blackroom { background-size: contain; background-repeat: no-repeat; background-position: initial; } .primary-menu .nav-menu>li .num-wrap { top: 0; } .primary-menu .nav-menu>li .num-wrap { position: static; height: auto; } .primary-menu .nav-menu li .nav-name { line-height: unset; height: auto; } .primary-menu .nav-menu>li:not(.home) .nav-name { height: auto; padding: 0; } .nav-gif { position: static; flex: 0 0 auto; } .primary-menu .nav-menu li.home>a .nav-name { visibility: hidden; display: block; position: static; } .primary-menu .nav-menu .sub-nav { top: 36px; padding-top: 4px; } @media screen and (min-width: 1300px) { .bili-wrapper { width: 1248px !important; } .cinema-home-wrapper { width: 1248px !important; } .block-area .block-left { width: 960px !important; } .timeline-box .timeline-item { padding-right: 32px !important; } .elevator-module { margin-left: 630px !important; } .bili-wrapper .l-con { width: 988px !important; } .bangumi-timing-module .card-timing { padding: 36px 30px 0 0; } .bangumi-timing-module .card-timing:nth-child(4):nth-child(4) { padding-top: 0; } .mod-1 li .r { width: 750px !important; } .mod-2 li .r { width: 245px !important; } .mod-2 li .r .up-info .v-author, .mod-2 li .r .v-info .v-info-i { width: 70px !important; } .bangumi-timing-module .headline .bili-tab { width: 700px; display: flex; justify-content: space-evenly; } } @media screen and (max-width: 1300px) { .bili-wrapper { width: 1056px !important; } .cinema-home-wrapper { width: 1056px !important; } .block-area .block-left { width: 768px !important; } .elevator-module { margin-left: 540px !important; } .bili-wrapper .l-con { width: 768px !important; } .bangumi-timing-module .card-timing { padding: 36px 36px 0 0; } #ranking_guochuang { width: 260px !important; transform: translatex(28px); } .mod-1 li .r { width: 530px !important; } .mod-2 li .r { width: 160px !important; } .mod-2 li .r .up-info .v-author, .mod-2 li .r .v-info .v-info-i { width: 50px !important; } }