.dialog[data-v-2878b3cf]{position:fixed;padding:20px 30px;left:calc(50% - 230px);top:20%;width:400px;background-color:rgba(0,0,0,.85);box-shadow:0 0 10px 0 #252525;z-index:50;color:#fff}.dialog-title[data-v-2878b3cf]{font-size:18px;margin-bottom:40px}.dialog input[data-v-2878b3cf]{font-size:13px;width:100%;border:0;color:#fff;border-bottom:1px solid #666;background-color:transparent}.dialog-enter-active[data-v-2878b3cf],.dialog-enter[data-v-2878b3cf]{-webkit-animation:zoomDialog-data-v-2878b3cf .5s linear;animation:zoomDialog-data-v-2878b3cf .5s linear}.dialog-leave-active[data-v-2878b3cf],.dialog-leave[data-v-2878b3cf]{animation:zoomDialog-data-v-2878b3cf .5s linear alternate-reverse}.form-item[data-v-2878b3cf]{color:#999;transition:color .5s ease;margin-bottom:20px}.form-item[data-v-2878b3cf]:focus-within{color:#fff}.form-key[data-v-2878b3cf]{display:inline-block;margin-bottom:10px}.form-value[data-v-2878b3cf]{position:relative;overflow:hidden}.form-value[data-v-2878b3cf]:focus-within:after{transform:translateX(0)}.form-value[data-v-2878b3cf]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;transform:translateX(-100%) scaleY(.5);background-color:#fff;transition:all .8s ease}.form-tip[data-v-2878b3cf]{font-size:12px;color:#999}.form-btn[data-v-2878b3cf]{width:70px;height:34px;margin-top:30px;cursor:pointer;transition:all .5s ease}.form-close[data-v-2878b3cf]{border:1px solid #666;color:#999;background-color:transparent}.form-close[data-v-2878b3cf]:hover{color:#c9c9c9;border:1px solid #999}.form-submit[data-v-2878b3cf]{position:relative;z-index:1;margin-right:15px;color:#219df0;border:1px solid #219df0;background-color:transparent;overflow:hidden}.form-submit[data-v-2878b3cf]:hover{color:#fff}.form-submit[data-v-2878b3cf]:hover:after{opacity:1;transform:rotate(22.5deg) scaleY(30)}.form-submit[data-v-2878b3cf]:after{content:"";display:block;position:absolute;opacity:0;width:160%;height:3px;left:-25%;top:50%;transform:rotate(22.5deg);background-color:#219df0;transition:all .5s ease;z-index:-1}@-webkit-keyframes zoomDialog-data-v-2878b3cf{0%{opacity:0;transform:scale(0)}75%{opacity:.9;transform:scale(1.1)}90%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zoomDialog-data-v-2878b3cf{0%{opacity:0;transform:scale(0)}75%{opacity:.9;transform:scale(1.1)}90%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu[data-v-b8ecc808]{position:fixed;width:400px;left:calc(50% - 200px);top:50%;transform:translateY(-50%);font-size:20px;color:#d5d5d5;z-index:999}.menu-mask[data-v-b8ecc808]{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);z-index:990}.menu-mask-leave-active[data-v-b8ecc808]{-webkit-animation:fadeOut-data-v-b8ecc808 .5s linear;animation:fadeOut-data-v-b8ecc808 .5s linear}@-webkit-keyframes fadeOut-data-v-b8ecc808{to{opacity:0}}@keyframes fadeOut-data-v-b8ecc808{to{opacity:0}}.menu-btn[data-v-b8ecc808]{position:fixed;left:5px;top:7px;background-color:transparent;color:#666;font-size:34px;cursor:pointer;z-index:30;-webkit-animation:roll-data-v-b8ecc808 3s ease infinite;animation:roll-data-v-b8ecc808 3s ease infinite;line-height:0}@-webkit-keyframes roll-data-v-b8ecc808{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes roll-data-v-b8ecc808{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.menu-row[data-v-b8ecc808]{display:flex;width:100%;height:120px;margin:20px 0;justify-content:space-between;align-items:center}.menu-cell[data-v-b8ecc808]{width:calc(33.3% - 10px);height:100%;display:flex;flex-direction:column;justify-content:center;margin:0;cursor:pointer;overflow:hidden;border:1px solid #222}.menu-cell-inside[data-v-b8ecc808]{width:100%;height:100%;transition:all .5s ease}.menu-cell-inside .svg-icon[data-v-b8ecc808]{font-size:24px}.menu-cell-inside .rect[data-v-b8ecc808]{display:flex;flex-direction:column;height:100%;margin:0;font-size:20px;font-weight:500;justify-content:center;align-items:center;transition:all .5s ease}.menu-cell-inside .rect>div[data-v-b8ecc808]{margin-top:8px;font-size:14px}.menu-cell-inside[data-v-b8ecc808]:hover{transform:translateY(-100%)}.menu-cell-inside:hover p[data-v-b8ecc808]{background-color:hsla(0,0%,100%,.3)}.menu .cell_lt-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromLT-data-v-b8ecc808 .3s linear;animation:flyInfromLT-data-v-b8ecc808 .3s linear}.menu .cell_mt-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromMT-data-v-b8ecc808 .3s linear;animation:flyInfromMT-data-v-b8ecc808 .3s linear}.menu .cell_rt-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromRT-data-v-b8ecc808 .3s linear;animation:flyInfromRT-data-v-b8ecc808 .3s linear}.menu .cell_lc-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromLC-data-v-b8ecc808 .3s linear;animation:flyInfromLC-data-v-b8ecc808 .3s linear}.menu .cell_mc-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromMC-data-v-b8ecc808 .3s linear;animation:flyInfromMC-data-v-b8ecc808 .3s linear}.menu .cell_rc-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromRC-data-v-b8ecc808 .3s linear;animation:flyInfromRC-data-v-b8ecc808 .3s linear}.menu .cell_lb-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromLB-data-v-b8ecc808 .3s linear;animation:flyInfromLB-data-v-b8ecc808 .3s linear}.menu .cell_mb-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromMB-data-v-b8ecc808 .3s linear;animation:flyInfromMB-data-v-b8ecc808 .3s linear}.menu .cell_rb-enter-active[data-v-b8ecc808]{-webkit-animation:flyInfromRB-data-v-b8ecc808 .3s linear;animation:flyInfromRB-data-v-b8ecc808 .3s linear}.menu .cell_lt-leave-active[data-v-b8ecc808]{animation:flyInfromLT-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_mt-leave-active[data-v-b8ecc808]{animation:flyInfromMT-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_rt-leave-active[data-v-b8ecc808]{animation:flyInfromRT-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_lc-leave-active[data-v-b8ecc808]{animation:flyInfromLC-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_mc-leave-active[data-v-b8ecc808]{animation:flyInfromMC-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_rc-leave-active[data-v-b8ecc808]{animation:flyInfromRC-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_lb-leave-active[data-v-b8ecc808]{animation:flyInfromLB-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_mb-leave-active[data-v-b8ecc808]{animation:flyInfromMB-data-v-b8ecc808 .3s linear alternate-reverse}.menu .cell_rb-leave-active[data-v-b8ecc808]{animation:flyInfromRB-data-v-b8ecc808 .3s linear alternate-reverse}@-webkit-keyframes flyInfromLT-data-v-b8ecc808{0%{transform:translate3D(-100%,-100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromLT-data-v-b8ecc808{0%{transform:translate3D(-100%,-100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@-webkit-keyframes flyInfromMT-data-v-b8ecc808{0%{transform:translate3D(0,-100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromMT-data-v-b8ecc808{0%{transform:translate3D(0,-100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@-webkit-keyframes flyInfromRT-data-v-b8ecc808{0%{transform:translate3D(100%,-100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromRT-data-v-b8ecc808{0%{transform:translate3D(100%,-100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@-webkit-keyframes flyInfromLC-data-v-b8ecc808{0%{transform:translate3D(-100%,0,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromLC-data-v-b8ecc808{0%{transform:translate3D(-100%,0,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@-webkit-keyframes flyInfromMC-data-v-b8ecc808{0%{opacity:0}50%{opacity:.3}to{opacity:1}}@keyframes flyInfromMC-data-v-b8ecc808{0%{opacity:0}50%{opacity:.3}to{opacity:1}}@-webkit-keyframes flyInfromRC-data-v-b8ecc808{0%{transform:translate3D(100%,0,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromRC-data-v-b8ecc808{0%{transform:translate3D(100%,0,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@-webkit-keyframes flyInfromLB-data-v-b8ecc808{0%{transform:translate3D(-100%,100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromLB-data-v-b8ecc808{0%{transform:translate3D(-100%,100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@-webkit-keyframes flyInfromMB-data-v-b8ecc808{0%{transform:translate3D(0,100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromMB-data-v-b8ecc808{0%{transform:translate3D(0,100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@-webkit-keyframes flyInfromRB-data-v-b8ecc808{0%{transform:translate3D(100%,100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}@keyframes flyInfromRB-data-v-b8ecc808{0%{transform:translate3D(100%,100%,0);opacity:.2}to{transform:translate3D(0);opacity:1}}.to-top[data-v-c6bd4636]{position:fixed;right:20px;bottom:20px;width:40px;height:40px;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;line-height:35px;transition:all .5s ease;cursor:pointer;z-index:20}.to-top[data-v-c6bd4636]:hover{transform:translateY(-10px)}.to-top-enter-active[data-v-c6bd4636],.to-top-leave-active[data-v-c6bd4636]{transition:all .5s ease}.to-top-enter[data-v-c6bd4636],.to-top-leave-to[data-v-c6bd4636]{opacity:0;transform:translateY(20px)}.nav[data-v-7ea50c38]{position:fixed;left:0;top:0;height:50px;width:100%;z-index:12;background-color:rgba(207,192,192,.2);font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 5px 0 #ddd}.nav-enter-active[data-v-7ea50c38],.nav-leave-active[data-v-7ea50c38]{transition:all .5s ease}.nav-enter[data-v-7ea50c38],.nav-leave-to[data-v-7ea50c38]{transform:translateY(-100%)}.nav ul[data-v-7ea50c38]{width:800px;margin:0 auto;display:flex;justify-content:space-around;font-size:17px}.nav ul li[data-v-7ea50c38]{position:relative;line-height:50px;border-bottom:2px solid transparent;transition:all .5s ease;color:#333;overflow:hidden}.nav ul li[data-v-7ea50c38]:after,.nav ul li[data-v-7ea50c38]:before{content:"";position:absolute;width:100%;height:1px;left:0;transition:all .3s ease;background-color:brown}.nav ul li[data-v-7ea50c38]:before{top:8px;transform:translateX(-100%)}.nav ul li[data-v-7ea50c38]:after{bottom:7px;transform:translateX(100%)}.nav ul li[data-v-7ea50c38]:hover{color:brown}.nav ul li[data-v-7ea50c38]:hover:after,.nav ul li[data-v-7ea50c38]:hover:before{transform:translateX(0)}.player[data-v-acadea8c]{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:20}.player-notes[data-v-acadea8c]{position:relative;width:20px;font-size:16px;margin-left:20px}.player-notes .svg-icon[data-v-acadea8c]:nth-child(4n+1){-webkit-animation:randomSport-data-v-acadea8c 2s ease 1.2s infinite;animation:randomSport-data-v-acadea8c 2s ease 1.2s infinite}.player-notes .svg-icon[data-v-acadea8c]:nth-child(4n+2){-webkit-animation:randomSport2-data-v-acadea8c 2s ease 1.7s infinite;animation:randomSport2-data-v-acadea8c 2s ease 1.7s infinite}.player-notes .svg-icon[data-v-acadea8c]:nth-child(4n+3){-webkit-animation:randomSport3-data-v-acadea8c 2s ease .8s infinite;animation:randomSport3-data-v-acadea8c 2s ease .8s infinite}.player-notes .svg-icon[data-v-acadea8c]:nth-child(4n+4){-webkit-animation:randomSport4-data-v-acadea8c 2s ease .3s infinite;animation:randomSport4-data-v-acadea8c 2s ease .3s infinite}.player-record[data-v-acadea8c]{position:absolute;left:0;top:50%;transform:translate(-75%,-50%);transition:all .5s ease;cursor:pointer}.player-record img[data-v-acadea8c]{width:120px;height:auto}.player-record[data-v-acadea8c]:hover{transform:translate(-50%,-50%)}.player-record--act[data-v-acadea8c]{-webkit-animation:playing-data-v-acadea8c 10s linear infinite;animation:playing-data-v-acadea8c 10s linear infinite}.player-audio[data-v-acadea8c]{width:0;height:0;opacity:0;visibility:hidden}@-webkit-keyframes playing-data-v-acadea8c{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes playing-data-v-acadea8c{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes randomSport-data-v-acadea8c{0%{transform:translate(-10px,-3px)}to{opacity:0;transform:translate(8px,-15px) rotate(-50deg)}}@keyframes randomSport-data-v-acadea8c{0%{transform:translate(-10px,-3px)}to{opacity:0;transform:translate(8px,-15px) rotate(-50deg)}}@-webkit-keyframes randomSport2-data-v-acadea8c{to{opacity:0;transform:translate(20px,-8px) rotate(20deg)}}@keyframes randomSport2-data-v-acadea8c{to{opacity:0;transform:translate(20px,-8px) rotate(20deg)}}@-webkit-keyframes randomSport3-data-v-acadea8c{to{opacity:0;transform:translate(15px,3px) rotate(20deg)}}@keyframes randomSport3-data-v-acadea8c{to{opacity:0;transform:translate(15px,3px) rotate(20deg)}}@-webkit-keyframes randomSport4-data-v-acadea8c{0%{transform:translate(-12px)}to{opacity:0;transform:translate(7px,16px) rotate(-60deg)}}@keyframes randomSport4-data-v-acadea8c{0%{transform:translate(-12px)}to{opacity:0;transform:translate(7px,16px) rotate(-60deg)}}button,input,textarea{outline:none;border-style:none;font-family:Lato,Microsoft Jhenghei,Hiragino Sans GB,Microsoft YaHei}ol,ul{list-style:none;outline:none;padding:0}ol,p,ul{margin:0}a{color:inherit;text-decoration:none}.section{position:relative;width:60%;margin:0 auto;min-width:900px;max-width:1140px;z-index:9;padding-bottom:15px;background-color:#fff}.banner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:500px;overflow:hidden;color:#000;letter-spacing:10px;margin-bottom:50px}.banner-title{font-size:60px;opacity:0;-webkit-animation:bannerIn .8s ease-in 1s forwards;animation:bannerIn .8s ease-in 1s forwards}.banner-subtitle{font-size:14px;font-weight:700;opacity:0;-webkit-animation:bannerIn .8s ease-in 1.8s forwards;animation:bannerIn .8s ease-in 1.8s forwards}@-webkit-keyframes listFadeIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes listFadeIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes bannerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active,.fade-levae-active{transition:all 1s ease}.fade-enter,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(144,146,152,.3);-webkit-transition:all 1s ease;transition:all 1s ease}::-webkit-scrollbar-thumb:hover{background:#bbb}body,html{font-size:14px;width:100%;overflow-x:hidden;min-height:100vh;margin:0;font-family:Lato,Microsoft Jhenghei,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:#fff}#app{position:relative;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:url(../../static/img/bg2.518b742e.jpg) no-repeat;background-position:50%;background-size:contain;-webkit-animation:blurOut 3s linear forwards;animation:blurOut 3s linear forwards}.router{position:relative;z-index:2}@-webkit-keyframes blurOut{0%{-webkit-filter:blur(0);filter:blur(0)}40%{-webkit-filter:blur(1px);filter:blur(1px)}to{-webkit-filter:blur(8px);filter:blur(8px)}}@keyframes blurOut{0%{-webkit-filter:blur(0);filter:blur(0)}40%{-webkit-filter:blur(1px);filter:blur(1px)}to{-webkit-filter:blur(8px);filter:blur(8px)}}.router-enter-active{-webkit-animation:routerIn .5s ease;animation:routerIn .5s ease}.router-leave-active{position:absolute;opacity:0}.router-move{transition:all .5s ease}@-webkit-keyframes routerIn{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes routerIn{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.svg-icon[data-v-6ceaea39]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.loading-wrap{position:fixed;left:0;top:0;right:0;bottom:0;z-index:8;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.loading-wrap-enter-active{-webkit-animation:loadingWrapfade .3s ease;animation:loadingWrapfade .3s ease}.loading-wrap-leave-active{animation:loadingWrapfade .3s ease alternate-reverse}@-webkit-keyframes loadingWrapfade{0%{opacity:0}to{opacity:1}}@keyframes loadingWrapfade{0%{opacity:0}to{opacity:1}}.loading-wrap text{text-anchor:middle;font-size:80px;opacity:0}@-webkit-keyframes loadingSpin{0%{-webkit-animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingSpin{0%{-webkit-animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast[data-v-f0255922]{position:fixed;left:50%;top:15%;transform:translateX(-50%);font-size:16px;padding:0 20px;height:40px;max-width:400px;overflow:hidden;text-overflow:ellipsis;line-height:40px;color:#fff;background-color:rgba(0,0,0,.6);z-index:99}.toast-enter-active[data-v-f0255922],.toast-leave-active[data-v-f0255922]{transition:all .5s ease}.toast-enter[data-v-f0255922],.toast-leave-to[data-v-f0255922]{opacity:0;transform:translate(-50%,-100%)}.toast-info[data-v-f0255922]{color:#fff}.toast-error[data-v-f0255922]{color:red}.toast-success[data-v-f0255922]{color:#adff2f}.toast-warning[data-v-f0255922]{color:#ff0}