table{overflow-x:auto;max-width:100%;border:1px solid #fff;line-height:2.2;text-indent:0;border-spacing:2px}td{text-align:center}td span{display:inline-block;*display:inline;*zoom:1;padding:0 20px}.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}body{background-color:#000}.p-jx3dat{padding-top:54px;padding-bottom:200px;background-image:url(https://cdn.jx3box.com/design/event/jx3dat/bg.jpg);background-position:top;background-repeat:no-repeat;background-size:contain;background-color:#06201f}.wp{max-width:1400px;margin-left:auto;margin-right:auto}.bbx{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid;-o-border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2;border-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(hsla(0,0%,100%,.10196078431372549))) 2;border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2}.m-top{position:relative;*zoom:1;width:100%;height:100vh;min-height:980px}.m-top .logo,.m-top .mp4,.m-top .title{position:absolute}.m-top .mp4{width:100%;height:100%;left:0;top:0}.m-top .logo{left:50%;top:50px;width:328px;margin-left:-800px}.m-top .m-title{width:100%;height:100%;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}.m-top .title{width:900px;height:500px}.m-video{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-top:315px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:35px}.m-video .m-play{position:relative;*zoom:1;width:100%;height:696px;padding:48px 156px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(https://cdn.jx3box.com/design/event/jx3dat/video-box.svg) top #000 no-repeat;background-size:100% 696px}.m-video .m-play .u-play{width:100%;height:100%}.m-video .m-play .u-img{width:312px;position:absolute;left:50%;top:-100px;margin-left:-156px}.m-video .m-play iframe{width:100%;height:100%}.m-video .m-video-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:1200px;overflow:auto;padding-bottom:20px}.m-video .m-video-list::-webkit-scrollbar-track,.m-video .m-video-list::-webkit-scrollbar-track-piece{background-color:6px;border-radius:6px}.m-video .m-video-list::-webkit-scrollbar{width:6px;height:6px}.m-video .m-video-list::-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-video .m-video-list::-webkit-scrollbar-thumb{background-color:#66e7ec;border-radius:6px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.m-video .m-video-list::-webkit-resizer,.m-video .m-video-list::-webkit-scrollbar-button,.m-video .m-video-list::-webkit-scrollbar-corner{display:none}.m-video .m-video-list .u-img{cursor:pointer;width:240px;height:150px;-webkit-filter:brightness(.9);filter:brightness(.9)}.m-video .m-video-list .u-img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}h2.title{width:100%;height:130px;margin:278px 0 60px 0;color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-position:top;background-size:contain;background-repeat:no-repeat}.m-box{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid;-o-border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2;border-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(hsla(0,0%,100%,.10196078431372549))) 2;border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2;border-radius:20px;padding:100px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(102,231,236,0)),to(hsla(0,0%,100%,.1)));background:linear-gradient(rgba(102,231,236,0),hsla(0,0%,100%,.1))}.m-box p{margin:0 0 40px 0}.m-box p span{display:block}.m-box p b{color:#66e7ec}.m-box p a{color:#f6ff52}.m-steps .m-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:36px}.m-steps .m-links .m-clip{width:100%;border-radius:10px}.m-steps .m-links .u-link{width:100%;height:168px;cursor:pointer;font-size:35px;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;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid;-o-border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2;border-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(hsla(0,0%,100%,.10196078431372549))) 2;border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2;border-radius:10px;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(102,231,236,0)),to(rgba(102,231,236,.2)));background:linear-gradient(rgba(102,231,236,0),rgba(102,231,236,.2))}@media screen and (max-width:1133px){.m-steps .m-links .u-link{font-size:24px}}.m-steps .m-links .u-link:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.m-steps .m-step{color:#fff}.m-steps .m-step .u-title{font-size:30px;line-height:1;margin:100px 0 0 0}@media screen and (max-width:1133px){.m-steps .m-step .u-title{font-size:24px}}.m-steps .m-step .u-time{margin-top:5px;font-size:18px}.m-steps .m-step .u-desc{font-size:18px}.m-steps .m-step .u-desc p{margin-top:40px}.m-steps .m-step .u-desc strong{display:block;opacity:1;filter:alpha(opacity=100)}.m-steps .m-step .u-desc span{display:block;opacity:.9;filter:alpha(opacity=90);margin-top:3px}.m-section{margin-top:450px;padding-top:10px;background:-webkit-gradient(linear,left top,left bottom,from(#394d4d),color-stop(10%,rgba(57,77,77,0)));background:linear-gradient(180deg,#394d4d 0,rgba(57,77,77,0) 10%)}.m-content{max-width:1400px;margin-left:auto;margin-right:auto}.m-content h3.u-title{height:65px;padding-left:58px;font-size:30px;line-height:65px;margin-top:200px;color:#fff;background:url(https://cdn.jx3box.com/design/event/jx3dat/title.svg) 0 0 no-repeat}.m-content h3.u-title:first-child{margin-top:72px}@media screen and (max-width:1133px){.m-content h3.u-title{font-size:24px}}.m-content .m-box{font-size:18px;color:#fff;padding:48px 100px}.m-content .m-box.center{font-size:30px;text-align:center}@media screen and (max-width:1133px){.m-content .m-box.center{font-size:24px}}.m-content .m-box.table{padding:100px}.m-prize{margin-bottom:58px;gap:60px}.m-prize,.m-prize .m-clip{display:-webkit-box;display:-ms-flexbox;display:flex}.m-prize .m-clip{width:100%}.m-prize .u-prize{font-size:30px;text-align:center;border:1px solid;-o-border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2;border-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(hsla(0,0%,100%,.10196078431372549))) 2;border-image:linear-gradient(180deg,transparent,hsla(0,0%,100%,.10196078431372549)) 2;color:#fff;border-radius:20px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(102,231,236,0)),to(hsla(0,0%,100%,.1)));background:linear-gradient(rgba(102,231,236,0),hsla(0,0%,100%,.1));-webkit-box-sizing:border-box;box-sizing:border-box;padding:50px 60px;-webkit-filter:brightness(.9);filter:brightness(.9)}@media screen and (max-width:1133px){.m-prize .u-prize{padding:20px 30px;font-size:18px;line-height:1}}.m-prize .u-prize .u-img{margin-bottom:20px}.m-prize .u-prize span{white-space:nowrap;word-wrap:normal;word-break:keep-all;text-overflow:ellipsis;overflow:hidden}.m-prize .u-prize:hover{-webkit-filter:brightness(1);filter:brightness(1)}.m-safe{font-size:18px;color:#fff}.m-clip{overflow:hidden;*zoom:1;max-width:1400px;margin-left:auto;margin-right:auto;border-radius:20px}.m-rank{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:25px}.m-rank .m-clip{width:calc(33% - 18px);margin-left:0;margin-right:0}.m-rank .m-box{width:100%;height:100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:10px 20px;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.2)),to(transparent));background:linear-gradient(90deg,hsla(0,0%,100%,.2),transparent);border:1px solid hsla(0,0%,100%,.2)}.m-rank .m-box,.m-rank .m-box .m-info{display:-webkit-box;display:-ms-flexbox;display:flex}.m-rank .m-box .m-info{font-size:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-rank .m-box .m-info .u-name{font-weight:700;white-space:nowrap;word-wrap:normal;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;font-size:24px;color:#5fe3ff}.m-rank .m-box.gold{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,0,.2)),to(transparent));background:linear-gradient(90deg,rgba(255,255,0,.2),transparent);border:1px solid rgba(255,255,0,.2)}.m-rank .m-box.gold .u-name{color:#ffee83}.m-rank .m-box.popularity{background:-webkit-gradient(linear,left top,right top,from(rgba(212,79,255,.2)),to(transparent));background:linear-gradient(90deg,rgba(212,79,255,.2),transparent);border:1px solid rgba(212,79,255,.2)}.m-rank .m-box.popularity .u-name{color:#faadff}.m-rank+.m-rank{margin-top:50px}@media screen and (max-width:1133px){.m-top{height:auto;min-height:780px}.m-top .logo{left:50%;top:50px;width:328px;margin-left:-200px}.m-top .title{width:50%;height:100%}.m-top .m-title{min-height:780px}.m-video{width:100%}.m-video .m-play{height:496px;background-size:100% 496px}.m-box{zoom:.7}.m-safe,.m-steps{margin-left:20px;margin-right:20px}.m-content{padding:0 10px}}