.m-race-tab{text-align:center;margin-top:20px}.m-race-tab .u-item{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:0 6px;text-align:center;background:url(https://img.jx3box.com/image/rank/common/tab_v1_default.png) no-repeat 0 0;width:167px;height:63px;font-size:22px;line-height:63px;color:#fff;letter-spacing:.5px;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5)}.m-race-tab .u-item:hover{background-image:url(https://img.jx3box.com/image/rank/common/tab_v1_active.png);color:#fff}.m-race-tab .u-item.active{font-weight:700;background-image:url(https://img.jx3box.com/image/rank/common/tab_v1_hover.png);color:#703100}.m-race-header{position:relative;*zoom:1}.m-race-header .u-vision{min-height:620px}.m-race-header .u-boss{z-index:1}.m-race-header .u-boss,.m-race-header .u-logo{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.m-race-header .u-logo{top:0;z-index:2}.m-race-header .u-version{position:absolute;top:420px;z-index:3;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.m-race-header .u-logos{margin-top:10px;text-align:center;color:#ffecc4;font-size:12px;position:relative;*zoom:1;z-index:10}.m-race-header .u-logos ul{list-style:none;padding:0;margin:0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.m-race-header .u-logos ul:after{content:"";display:table;clear:both}.m-race-header .u-logos li{display:block;float:left;*display:inline;margin-right:15px;position:relative}@-webkit-keyframes twinkle-borderdraw-borderLR{to{height:100%}}@keyframes twinkle-borderdraw-borderLR{to{height:100%}}@-webkit-keyframes twinkle-borderdraw-borderTB{to{width:100%}}@keyframes twinkle-borderdraw-borderTB{to{width:100%}}.m-race-header .u-logos li .logo{display:block;width:100%;height:100%}.m-race-header .u-logos li .logo:after,.m-race-header .u-logos li .logo:before,.m-race-header .u-logos li:after,.m-race-header .u-logos li:before{content:"";display:block;background-color:#ffedc6;position:absolute}.m-race-header .u-logos li:after,.m-race-header .u-logos li:before{width:2px;height:0}.m-race-header .u-logos li .logo:after,.m-race-header .u-logos li .logo:before{width:0;height:2px}.m-race-header .u-logos li:before{left:0;bottom:0}.m-race-header .u-logos li:after{right:0;top:0}.m-race-header .u-logos li .logo:before{top:0;left:0}.m-race-header .u-logos li .logo:after{right:0;bottom:0}.m-race-header .u-logos li:hover:after,.m-race-header .u-logos li:hover:before{-webkit-animation:twinkle-borderdraw-borderLR .6s forwards;animation:twinkle-borderdraw-borderLR .6s forwards}.m-race-header .u-logos li:hover .logo:after,.m-race-header .u-logos li:hover .logo:before{-webkit-animation:twinkle-borderdraw-borderTB .6s forwards;animation:twinkle-borderdraw-borderTB .6s forwards}.m-race-header .u-logos a{display:block;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.m-race-header .u-logos a img{height:40px}.m-race-header .u-logos a:hover{background:rgba(0,0,0,.5)}.m-race-header .u-sponsors-label{display:block;margin-bottom:10px}.m-race-header .u-sponsors-list li{margin-bottom:10px}.m-race-header .u-wechat-qrcode{position:absolute;right:0;bottom:120px;width:280px;height:280px;background-image:url(https://cdn.jx3box.com/design/rank/rank/boxqrcode.png);background-size:100% 100%;z-index:10}.m-race-header .u-qrcode{right:-101px;bottom:-124px;position:relative;*zoom:1}.none{display:none}.hide{visibility:hidden}.show{visibility:visible}.clip{overflow:hidden;*zoom:1}.fl{float:left}.fl,.fr{*display:inline}.fr{float:right}.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}.fbox{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid{display:grid}.igrid{display:inline-grid}.ps{position:static}.pr{position:relative;*zoom:1}.pa{position:absolute}.pf{position:fixed}.po{position:static;margin:0}.islocked,.islocked body{width:100%;height:100%;overflow:hidden}.iconfont{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}html{min-width:1280px}body{background:-webkit-gradient(linear,left top,left bottom,color-stop(62%,#203345),to(#546678));background:linear-gradient(180deg,#203345 62%,#546678);height:100vh}#m-rank-star,.m-rank-container{height:100vh;overflow:auto}#m-rank-star::-webkit-scrollbar,.m-rank-container::-webkit-scrollbar{width:6px}#m-rank-star::-webkit-scrollbar-track,#m-rank-star::-webkit-scrollbar-track-piece,.m-rank-container::-webkit-scrollbar-track,.m-rank-container::-webkit-scrollbar-track-piece{background-color:transparent;border-radius:6px}#m-rank-star::-webkit-scrollbar,.m-rank-container::-webkit-scrollbar{width:transparent;height:transparent}#m-rank-star::-webkit-scrollbar-track-piece,.m-rank-container::-webkit-scrollbar-track-piece{background-color:hsla(0,0%,87%,.2);border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}#m-rank-star::-webkit-scrollbar-thumb,.m-rank-container::-webkit-scrollbar-thumb{background-color:#feecc5;border-radius:6px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#m-rank-star::-webkit-resizer,#m-rank-star::-webkit-scrollbar-button,#m-rank-star::-webkit-scrollbar-corner,.m-rank-container::-webkit-resizer,.m-rank-container::-webkit-scrollbar-button,.m-rank-container::-webkit-scrollbar-corner{display:none}#m-rank-star{position:absolute;left:0;top:0;width:100%;z-index:-1}.c-header,.c-jx3box{background:rgba(0,0,0,.5)}.m-rank-bg{width:100vw;position:absolute;left:0;top:0;z-index:1;min-height:100vh}.m-rank-bg img{display:block;margin-left:auto;margin-right:auto}.m-rank-primary{margin-top:64px;width:1260px;margin-left:auto;margin-right:auto;position:relative;*zoom:1;z-index:1}.c-footer{margin:20px auto 0 auto!important;width:1260px;margin-left:auto;margin-right:auto;padding:20px 0}.m-rank-pop-wechat{border:none;height:400px;margin:0 auto;display:block}.m-rank-pop-wechat-tips{text-align:center;color:#ff7600}.m-rank-container{background-size:100% auto;background-repeat:no-repeat;background-position:top}.m-rank-header{margin-left:auto;margin-right:auto}.m-rank-misc .u-history{width:156px;display:block;position:absolute;left:20px;top:84px}.m-rank-misc .u-history img{width:100%}.m-rank-content,.m-rank-race{margin-left:auto;margin-right:auto}.m-rank-content{min-height:800px}.m-rank-btns{text-align:center}.m-rank-btns .u-btn{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding-top:43px;padding-bottom:20px;width:480px;height:95px;background-repeat:no-repeat;background-position:50%;background-size:100% auto;text-align:center;color:#fff;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.m-rank-btns .u-btn:first-child{margin-right:10px}.m-rank-btns .u-btn:hover{-webkit-box-shadow:none;box-shadow:none}.m-rank-btns .u-btn-join{font-size:2rem;line-height:90px;background-image:url(https://img.jx3box.com/image/rank/common/btn_v1_default.svg);color:#fff!important}.m-rank-btns .u-btn-join:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.m-rank-btns .u-btn-lucky{background-image:url(https://img.jx3box.com/image/rank/common/btn_v2_default.png);line-height:2}.m-rank-btns .u-btn-lucky:hover{-webkit-box-shadow:none;box-shadow:none;background-image:url(https://img.jx3box.com/image/rank/common/btn_v2_hover.png)}.m-rank-btns .u-btn-lucky:active,.m-rank-btns .u-btn-lucky:focus{background-image:url(https://img.jx3box.com/image/rank/common/btn_v2_active.png)}.m-rank-btns .u-btn-lucky b{display:block;font-size:28px;line-height:32px;color:#fff;margin-top:20px}.m-rank-btns .u-btn-lucky span{font-size:14px;line-height:20px;display:block;margin-top:5px;color:#ffbf0c}.m-rank-btns .u-btn-weal{background-image:url(https://cdn.jx3box.com/design/rank/surprise/weal.png);line-height:2}.m-rank-btns .u-btn-weal:hover{-webkit-box-shadow:none;box-shadow:none}.m-rank-btns .u-btn-weal:active,.m-rank-btns .u-btn-weal:focus,.m-rank-btns .u-btn-weal:hover{background-image:url(https://cdn.jx3box.com/design/rank/surprise/weal-active.png)}.m-rank-btns .u-btn-weal b{display:block;font-size:28px;line-height:32px;color:#fff;margin-top:20px}.m-rank-btns .u-btn-weal span{font-size:14px;line-height:20px;display:block;margin-top:5px;color:#ffbf0c}.m-rank-misc .u-mobile-qrcode{display:none;position:absolute;right:20px;top:84px}.m-rank-misc .u-mobile-qrcode .u-icon{fill:#fff}.m-rank-misc .u-mobile-qrcode .u-pic{border-radius:2px}.m-rank-misc .u-mobile-qrcode .u-qrcode{color:#fff}.isMobile .m-rank-misc .u-mobile-qrcode{display:none}.m-rank-union{width:1260px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:30px;background-color:#264259;color:#eee;padding:40px 20px;position:relative;*zoom:1}.m-rank-union .u-title{background:#fba524;width:160px;font-size:16px;line-height:2;position:absolute;top:0;margin:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center}.m-rank-union a{margin-right:20px;margin-bottom:20px}.u-back-top{position:fixed;right:50px;bottom:50px;z-index:9;-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0);-webkit-transition:all .5s;transition:all .5s;cursor:pointer}.u-back-top.conceal{-webkit-transform:translateX(300%) rotate(90deg);transform:translateX(300%) rotate(90deg);-webkit-animation:hideMove 1s linear;animation:hideMove 1s linear}@-webkit-keyframes hideMove{0%{-webkit-transform:translateX(0) rotate(90deg);transform:translateX(0) rotate(90deg)}10%{-webkit-transform:translateX(-70%) rotate(90deg);transform:translateX(-70%) rotate(90deg)}30%{-webkit-transform:translateX(-80%) rotate(90deg);transform:translateX(-80%) rotate(90deg)}60%{-webkit-transform:translateX(-90%) rotate(90deg);transform:translateX(-90%) rotate(90deg)}90%{-webkit-transform:translateX(-100%) rotate(90deg);transform:translateX(-100%) rotate(90deg)}to{-webkit-transform:translateX(300%) rotate(90deg);transform:translateX(300%) rotate(90deg)}}@keyframes hideMove{0%{-webkit-transform:translateX(0) rotate(90deg);transform:translateX(0) rotate(90deg)}10%{-webkit-transform:translateX(-70%) rotate(90deg);transform:translateX(-70%) rotate(90deg)}30%{-webkit-transform:translateX(-80%) rotate(90deg);transform:translateX(-80%) rotate(90deg)}60%{-webkit-transform:translateX(-90%) rotate(90deg);transform:translateX(-90%) rotate(90deg)}90%{-webkit-transform:translateX(-100%) rotate(90deg);transform:translateX(-100%) rotate(90deg)}to{-webkit-transform:translateX(300%) rotate(90deg);transform:translateX(300%) rotate(90deg)}}