*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}body{background:#eef3f7;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar:horizontal{height:8px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.75);border-radius:2px}.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;overflow:hidden;width:100vw}.wrap .hoverBox,.wrap .logoIntroBox{height:100vh;position:relative;-webkit-transition:width .3s ease;transition:width .3s ease;width:33.33333333vw}.wrap .logoIntroBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:space-between;padding-bottom:3.125vw;padding-top:1.5625vw}.wrap .logoIntroBox .introBox,.wrap .logoIntroBox .logoBox{margin-left:3.125vw;width:20vw}.wrap .logoIntroBox .logoBox{color:#000;font-family:BebasNeue-Bold;font-size:48px;font-weight:700;line-height:54px}.wrap .logoIntroBox .logoBox .logo{display:block;height:29px;margin-bottom:16px;width:40px}.wrap .logoIntroBox .logoBox .year{color:#e22;font-size:52px}.wrap .logoIntroBox .introBox{color:rgba(0,0,0,.4);font-size:18px;line-height:30px}.wrap .hoverBox{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;overflow:hidden}.wrap .hoverBox img,.wrap .hoverBox video{height:100vh;position:absolute;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100vw}.wrap .hoverBox video{height:auto;min-height:100vh;min-width:100vw;width:auto}.wrap .hoverBox .txtBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:space-between;left:0;padding-bottom:3.125vw;padding-left:3.125vw;padding-top:3.125vw;position:absolute;top:0;width:29.79166667vw;z-index:1}.wrap .hoverBox .txtBox__top{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.wrap .hoverBox .txtBox__top .name{color:#fff;font-family:BebasNeue-Bold;font-size:48px;font-weight:400}.wrap .hoverBox .txtBox__top .arrowIcon{background:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/arrow.png) no-repeat;background-position:50%;background-size:100% 100%;height:22px;margin-left:20px;width:35px}.wrap .hoverBox .txtBox__bottom,.wrap .hoverBox .txtBox__top .arrowIcon{opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.wrap .hoverBox .txtBox__bottom{color:#fff;font-size:18px;font-weight:400;line-height:30px}.wrap .hoverBox.textModuleBox img{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.wrap .hoverBox.videoModuleBox .txtBox__bottom{-webkit-transform:translateY(-3.64583333vw);transform:translateY(-3.64583333vw)}.wrap .hoverBox.videoModuleBox video{right:0;-webkit-transform:translateX(32%) scale(1);transform:translateX(32%) scale(1)}.wrap .hoverBox:hover{width:38.75vw}.wrap .hoverBox:hover .txtBox .arrowIcon,.wrap .hoverBox:hover .txtBox__bottom{opacity:1}.wrap .hoverBox.textModuleBox:hover .logoIntroBox,.wrap .hoverBox.textModuleBox:hover .videoModuleBox,.wrap .hoverBox.videoModuleBox:hover .textModuleBox{width:30.625vw}.wrap.textFullscreen .logoIntroBox,.wrap.textFullscreen .videoModuleBox{-webkit-transition:width .8s ease;transition:width .8s ease;width:0}.wrap.textFullscreen .textModuleBox{-webkit-transition:width .8s ease;transition:width .8s ease;width:100vw}.wrap.textFullscreen .textModuleBox .txtBox{opacity:0;-webkit-transition:opacity .8s ease;transition:opacity .8s ease}.wrap.videoFullscreen .logoIntroBox,.wrap.videoFullscreen .textModuleBox{-webkit-transition:width .8s ease;transition:width .8s ease;width:0}.wrap.videoFullscreen .videoModuleBox{-webkit-transition:width .8s ease;transition:width .8s ease;width:100vw}.wrap.videoFullscreen .videoModuleBox .txtBox{opacity:0;-webkit-transition:opacity .8s ease;transition:opacity .8s ease}.wrap.videoFullscreen .videoModuleBox video{background-color:#000;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .8s ease;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}.dialogBox{height:100vh;position:fixed;-webkit-transition:z-index .5s step-end;transition:z-index .5s step-end;width:100vw;z-index:-1}.dialogBox__bg{background-color:rgba(0,0,0,.75);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:2}.dialogBox__bg,.dialogBox__top{opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.dialogBox__top{-webkit-box-pack:justify;-ms-flex-pack:justify;color:hsla(0,0%,100%,.6);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;justify-content:space-between;padding:40px 50px 44px 40px;position:relative;z-index:3}.dialogBox__top .logo{display:block;height:29px;width:40px}.dialogBox__top .closeDialog{cursor:pointer}.dialogBox__top .titleDescBox{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:20px;text-align:center}.dialogBox__top .titleDescBox .titleBox{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#f5ca7b;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:48px;justify-content:center;margin-bottom:20px}.dialogBox__top .titleDescBox .titleBox i{background-position:50%;background-repeat:no-repeat;background-size:100%;display:block;height:58px;width:26px}.dialogBox__top .titleDescBox .titleBox i.leftIcon{background-image:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/leftIcon.png);margin-right:8px}.dialogBox__top .titleDescBox .titleBox i.rightIcon{background-image:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/rightIcon.png);margin-left:8px}.dialogBox__top .titleDescBox .descBox{color:rgba(175,138,91,.98);font-size:18px;line-height:30px;padding-left:10.41666667vw;padding-right:10.41666667vw}.dialogBox__content{-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;max-height:calc(100vh - 246px);overflow-y:scroll;padding-bottom:44px;padding-left:11.45833333vw;padding-right:11.45833333vw;position:relative;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;width:100vw;z-index:3}.dialogBox__content,.dialogBox__content .itemBox{display:-webkit-box;display:-ms-flexbox;display:flex}.dialogBox__content .itemBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-direction:column;flex-direction:column;justify-content:space-between;margin-bottom:36px;margin-left:1.5625vw;margin-right:1.5625vw;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;width:192px}.dialogBox__content .itemBox .topBox{margin-bottom:8px}.dialogBox__content .itemBox .topBox .imgBox{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/avatarIcon.png) no-repeat;background-position:50%;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:104px;justify-content:center;margin:0 auto 4px;width:104px}.dialogBox__content .itemBox .topBox .imgBox img{border-radius:50%;height:72px;width:72px}.dialogBox__content .itemBox .topBox .nameBox{color:#fff;font-size:16px;line-height:32px;margin-bottom:8px}.dialogBox__content .itemBox .topBox .descBox{color:hsla(0,0%,100%,.6);font-size:13px;line-height:20px;text-align:left}.dialogBox__content .itemBox .contentBox{background-color:rgba(50,50,50,.9);border-radius:4px;color:hsla(0,0%,100%,.6);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;line-height:23px;padding:12px 12px 12px 14px;text-align:left;width:192px}.dialogBox__content .itemBox .contentBox span{-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-box-flex:1;display:-webkit-box;-ms-flex:1;flex:1;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis}.dialogBox__content .itemBox .contentBox .icon{background-position:50%;background-repeat:no-repeat;background-size:100%;display:block;height:20px;margin-right:8px;width:20px}.dialogBox__content .itemBox .contentBox:hover span{color:#fff;text-decoration:underline}.videoDialogBox.dialogBox .icon{background-image:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/play1.png)}.videoDialogBox.dialogBox .itemBox:hover .icon{background-image:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/play2.png)}.textDialogBox.dialogBox .icon{background-image:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/book1.png)}.textDialogBox.dialogBox .itemBox:hover .icon{background-image:url(https://s1-static.huxiucdn.com/special/2024rank/image/p/book2.png)}.wrap.showDialog .dialogBox{z-index:100}.wrap.showDialog .dialogBox__bg{opacity:1;-webkit-transition-delay:.6s;transition-delay:.6s}.wrap.showDialog .dialogBox__top{opacity:1;-webkit-transition-delay:.9s;transition-delay:.9s}.wrap.showDialog .dialogBox__content{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:1s;transition-delay:1s}