.detail-rank{font-size:1.6rem;height:100%;--padding-rank-detail-section:15px 20px;--detail-rank-container-width:1400px}.detail-rank .detail-rank-container{margin:0 auto;max-width:var(--detail-rank-container-width);min-width:1000px}.detail-rank .detail-rank-container .detail-rank-header{display:flex;justify-content:center;margin-bottom:50px;margin-top:30px;position:relative}.detail-rank .detail-rank-container .detail-rank-header .detail-rank-title{color:var(--color-primary-800);font-size:2.5rem;font-weight:700}.detail-rank .detail-rank-container .detail-rank-header .backTo-ranksPage{left:0;position:absolute;top:0}.detail-rank .detail-rank-container .detail-rank-header .backTo-ranksPage .ant-btn:hover{color:var(--color-primary-800)!important}.detail-rank .detail-rank-container .detail-rank-header .backTo-ranksPage .ant-btn:active{opacity:1}.detail-rank .detail-rank-container .detail-rank-header .rank-sortBy{position:absolute;right:0;top:0}.detail-rank .detail-rank-container .detail-rank-body{box-shadow:var(--box-shadow-small)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section-header{background-color:var(--background-content-color1);color:var(--text-color-gray1);white-space:nowrap;width:100%}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section-header>div{padding:var(--padding-rank-detail-section)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section-header .tendency{float:right}.detail-rank .detail-rank-container .detail-rank-body .info{display:inline-block;min-width:calc(var(--detail-rank-container-width)/3.5);width:25%}.detail-rank .detail-rank-container .detail-rank-body .popular-level{display:inline-block;min-width:calc(var(--detail-rank-container-width)/3);width:40%}.detail-rank .detail-rank-container .detail-rank-body .tendency{text-align:center;width:115px}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section{background-color:#222;padding-bottom:10px}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item{position:relative}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item>div{padding:var(--padding-rank-detail-section)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .rank-number{color:var(--text-color-gray)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .info .info-wrapper{align-items:center;color:inherit;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:20px}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .info .info-wrapper:hover .movie-title{color:var(--color-primary-800)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .popular-level{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .popular-level .progress-level{border-radius:4px;flex-grow:1;height:8px;overflow:hidden;position:relative}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .popular-level .progress-level:before{background-color:var(--color-primary-800);border-radius:4px;bottom:0;content:"";left:0;position:absolute;top:0;width:calc(var(--width-percent, 1)*100%);z-index:1}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .popular-level .progress-level:after{background-color:#4b4b4b51;content:"";inset:0;position:absolute;width:100%;z-index:0}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .popular-level .count{color:var(--text-color-gray1);font-size:.8em}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency{align-items:center;display:inline-flex;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency .tendency-icon{display:flex}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency .tendency-icon .new{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,var(--color-primary-900),var(--color-primary-600));-webkit-text-fill-color:transparent;font-family:Impact,Impact fallback,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.4rem;font-style:italic}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency svg{height:1.5rem;width:1.5rem}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency .step-number{color:inherit;font-size:1.2rem;font-weight:500;position:absolute}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency.up{color:#008c31}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency.up .step-number{top:0;transform:translate(50%,20%)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency.down{color:#e81624;fill:#e81624}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency.down .step-number{bottom:0;transform:translate(50%,-20%)}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item .tendency.balance{color:gray}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item:first-child .rank-number{color:#e81624}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item:nth-child(2) .rank-number{color:#f68f00}.detail-rank .detail-rank-container .detail-rank-body .detail-rank-section .detail-rank-section-item:nth-child(3) .rank-number{color:#f6e200}@media only screen and (max-width:1200px){.detail-rank .detail-rank-container .detail-rank-body .info{min-width:calc(var(--detail-rank-container-width)/4)}}