.page-xyx[data-v-51b1edf6]{background:url(/wan/_nuxt/img/bg.8342871.jpg) no-repeat top;background-size:100% 160px;min-width:1436px;width:100%}.page-xyx .content[data-v-51b1edf6]{backdrop-filter:blur(10px);background:linear-gradient(180deg,hsla(0,0%,100%,.6),#fff 10%);border-radius:24px 24px 0 0;margin:20px auto;padding:22px 21px 0;position:relative;width:1208px}.page-xyx .content[data-v-51b1edf6] .c-ctn-header{margin-top:36px;padding:0}.page-xyx .content[data-v-51b1edf6] .c-ctn-header .title-name{color:#222;font-size:20px;line-height:26px;margin-left:-4px}.page-xyx .banner-small-box[data-v-51b1edf6]{align-items:flex-start;display:flex;justify-content:space-between}.page-xyx .banner-box[data-v-51b1edf6]{border-radius:12px;flex-shrink:0;height:322px;overflow:hidden;width:574px}.page-xyx .banner-box .banner-item[data-v-51b1edf6]{cursor:pointer;height:100%;width:100%}.page-xyx .banner-box .image[data-v-51b1edf6]{display:block;height:100%;width:100%}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .dot{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.4);border:1px solid #d1d1d1;border-radius:8px;bottom:12px;height:14px;left:50%;line-height:11px;padding:0 8px;transform:translateX(-50%)}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .dot-item{background:#fff;border:1px solid #f2f2f2;height:8px;margin:0;width:8px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .dot-item:not(:last-child){margin-right:6px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .dot-item.active{background:#fff;border:1px solid #f2f2f2;border-radius:4px;height:8px;position:relative;width:24px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .dot-item.active:before{animation:dot-active-51b1edf6 5s ease-in-out forwards;background:#f30;border-radius:3px;content:"";display:inline-block;height:6px;left:0;position:absolute;top:0;width:6px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr:hover .dot-item.active:before{animation:none}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .left-icon,.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .right-icon{backdrop-filter:blur(3px);background:hsla(0,0%,100%,.8);border:1px solid #e8e8e8;border-radius:50%;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);height:37px;width:37px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .left-icon:after,.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .right-icon:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAATlBMVEUAAAAhISEiIiIiIiIhISEjIyMjIyMiIiIiIiIiIiIiIiIiIiIhISEgICAhISEiIiIiIiIiIiIhISEiIiIhISEhISEhISEiIiIiIiIiIiJjza5HAAAAGXRSTlMA7vfyMDoy6oeDf0U/Nt7Vtq+Me24ndGhbGlgIwAAAAG9JREFUKM+90MkOgCAMRdE6gooMzv3/HzUlYecjwUS7PYvmXfrj9uBbZK1itsgqZq4zxuOj9dGWYpuj6WLrGrGh2PoGbyAvtoIyQVCj3Aq/xOFSnvQWRziIMlO3V2pq0TOrF9BJVFFGLUF1ztDndwPhfwqUdcHIjAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:cover;height:14px;left:11px;width:14px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .left-icon:hover:after,.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .right-icon:hover:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAATlBMVEUAAAD/MwD/MwD/MwD/NAD/MwD/MwD/MgD/MwD/NAD/MwD/MgD/MgD/MwD/MwD/MgD/MwD/MwD/MwD/NAD/MwD/MwD/MwD/MwD/MgD/MwDeVRXaAAAAGXRSTlMA7/fyMOuIfkU6NoIy3tW2r24+J415dGhbb7p1jwAAAG1JREFUKM+90LcSgDAMA1BRQk0joeX/fxSShSX2HRyg9Q22hD/irakpq0UIirFQElaEM23WZLI5a0Oy5lXrq2jjbZMV3QGGMVj6GcCL6yQzHDPdAjAjrABTdXqkroy6Edol3TkVYFSBVK0dPs8Bu9kKf/UYjcYAAAAASUVORK5CYII=)}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .left-icon{left:8px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .right-icon{right:8px}.page-xyx .banner-box[data-v-51b1edf6] .dh-swiper-ctr .right-icon:after{transform:rotate(180deg)}.page-xyx .smallPic-box[data-v-51b1edf6]{display:flex;flex-wrap:wrap;height:100%;margin-left:16px;overflow:hidden;width:100%}.page-xyx .smallPic-box .smallPic-item[data-v-51b1edf6]{border-radius:12px;cursor:pointer;height:153px;overflow:hidden;width:279px}.page-xyx .smallPic-box .smallPic-item[data-v-51b1edf6]:first-child{margin-bottom:15px}.page-xyx .smallPic-box .smallPic-item[data-v-51b1edf6]:nth-child(odd){margin-right:16px}.page-xyx .smallPic-box .smallPic-item:hover .image[data-v-51b1edf6]{transform:scale(1.05)}.page-xyx .smallPic-box .smallPic-item .image[data-v-51b1edf6]{height:100%;transition:transform .3s ease-in-out;width:100%}.page-xyx .category-list[data-v-51b1edf6]{display:flex;flex-wrap:wrap}.page-xyx .category-list .category-item[data-v-51b1edf6]{cursor:pointer;margin:16px 16px 0 0;width:102px}.page-xyx .category-list .category-item[data-v-51b1edf6]:nth-child(10n){margin-right:0}.page-xyx .category-list .category-item .img-box[data-v-51b1edf6]{border-radius:16px;height:102px;overflow:hidden;width:100%}.page-xyx .category-list .category-item .img-box .image[data-v-51b1edf6]{height:100%;transition:transform .3s ease-in-out;width:100%}.page-xyx .category-list .category-item .title[data-v-51b1edf6]{color:#222;font-size:16px;line-height:21px;margin-top:8px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.page-xyx .category-list .category-item:hover .img-box .image[data-v-51b1edf6]{transform:scale(1.05)}.page-xyx .category-list .category-item:hover .title[data-v-51b1edf6]{color:#f30}.page-xyx .carousel-rail-box[data-v-51b1edf6] .carousel-rail{margin-top:16px}.page-xyx .carousel-rail-box .carousel-rail-item[data-v-51b1edf6]{border-radius:16px;box-sizing:border-box;cursor:pointer;display:block;overflow:hidden;position:relative}.page-xyx .carousel-rail-box .carousel-rail-item .img-box[data-v-51b1edf6]{height:138px;overflow:hidden;width:100%}.page-xyx .carousel-rail-box .carousel-rail-item .img-box .image[data-v-51b1edf6]{height:100%;transition:transform .3s ease-in-out;width:100%}.page-xyx .carousel-rail-box .carousel-rail-item .title[data-v-51b1edf6]{backdrop-filter:blur(12px);background:linear-gradient(180deg,hsla(0,0%,100%,.8),#fff);border:1px solid #ecf2fe;border-radius:0 0 16px 16px;color:#222;font-size:16px;height:40px;line-height:40px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.page-xyx .carousel-rail-box .carousel-rail-item .border[data-v-51b1edf6]{border:4px solid #f30;border-radius:16px;display:none;height:100%;left:0;outline:1px solid #fff;outline-offset:-4px;position:absolute;top:0;width:100%}.page-xyx .carousel-rail-box .carousel-rail-item:hover .border[data-v-51b1edf6]{display:block}.page-xyx .carousel-rail-box .carousel-rail-item:hover .img-box[data-v-51b1edf6]{border-radius:12px 12px 0 0}.page-xyx .carousel-rail-box .carousel-rail-item:hover .img-box .image[data-v-51b1edf6]{transform:scale(1.05)}.page-xyx .carousel-rail-box .carousel-rail-item:hover .title[data-v-51b1edf6]{border-color:transparent;color:#f30}.page-xyx .more-game .swiper-box[data-v-51b1edf6]{height:197px;margin-top:16px;width:100%}.page-xyx .more-game .swiper-item[data-v-51b1edf6]{border-radius:16px;box-sizing:border-box;cursor:pointer;display:inline-block;margin-right:16px;overflow:hidden;position:relative;width:279px}.page-xyx .more-game .swiper-item[data-v-51b1edf6]:last-child{margin-right:0}.page-xyx .more-game .swiper-item .border[data-v-51b1edf6]{border:4px solid #f30;border-radius:16px;display:none;height:100%;left:0;outline:1px solid #fff;outline-offset:-4px;position:absolute;top:0;width:100%}.page-xyx .more-game .swiper-item .img-box[data-v-51b1edf6]{height:138px;overflow:hidden;width:100%}.page-xyx .more-game .swiper-item .img-box .image[data-v-51b1edf6]{height:100%;transition:transform .3s ease-in-out;width:100%}.page-xyx .more-game .swiper-item .title[data-v-51b1edf6]{backdrop-filter:blur(12px);background:linear-gradient(180deg,hsla(0,0%,100%,.8),#fff);border:1px solid #ecf2fe;border-radius:0 0 16px 16px;color:#222;font-size:16px;height:40px;line-height:40px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.page-xyx .more-game .swiper-item:hover .border[data-v-51b1edf6]{display:block}.page-xyx .more-game .swiper-item:hover .img-box[data-v-51b1edf6]{border-radius:12px 12px 0 0}.page-xyx .more-game .swiper-item:hover .img-box .image[data-v-51b1edf6]{transform:scale(1.05)}.page-xyx .more-game .swiper-item:hover .title[data-v-51b1edf6]{border-color:transparent;color:#f30}.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .left-icon,.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .right-icon{backdrop-filter:blur(3px);background:hsla(0,0%,100%,.8);border:1px solid #e8e8e8;border-radius:50%;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);height:37px;top:82px;width:37px}.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .left-icon:after,.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .right-icon:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAATlBMVEUAAAAhISEiIiIiIiIhISEjIyMjIyMiIiIiIiIiIiIiIiIiIiIhISEgICAhISEiIiIiIiIiIiIhISEiIiIhISEhISEhISEiIiIiIiIiIiJjza5HAAAAGXRSTlMA7vfyMDoy6oeDf0U/Nt7Vtq+Me24ndGhbGlgIwAAAAG9JREFUKM+90MkOgCAMRdE6gooMzv3/HzUlYecjwUS7PYvmXfrj9uBbZK1itsgqZq4zxuOj9dGWYpuj6WLrGrGh2PoGbyAvtoIyQVCj3Aq/xOFSnvQWRziIMlO3V2pq0TOrF9BJVFFGLUF1ztDndwPhfwqUdcHIjAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:cover;height:14px;left:11px;width:14px}.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .left-icon:hover:after,.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .right-icon:hover:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAATlBMVEUAAAD/MwD/MwD/MwD/NAD/MwD/MwD/MgD/MwD/NAD/MwD/MgD/MgD/MwD/MwD/MgD/MwD/MwD/MwD/NAD/MwD/MwD/MwD/MwD/MgD/MwDeVRXaAAAAGXRSTlMA7/fyMOuIfkU6NoIy3tW2r24+J415dGhbb7p1jwAAAG1JREFUKM+90LcSgDAMA1BRQk0joeX/fxSShSX2HRyg9Q22hD/irakpq0UIirFQElaEM23WZLI5a0Oy5lXrq2jjbZMV3QGGMVj6GcCL6yQzHDPdAjAjrABTdXqkroy6Edol3TkVYFSBVK0dPs8Bu9kKf/UYjcYAAAAASUVORK5CYII=)}.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .left-icon{left:8px}.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .right-icon{right:8px}.page-xyx .more-game[data-v-51b1edf6] .dh-swiper-ctr .right-icon:after{transform:rotate(180deg)}@keyframes dot-active-51b1edf6{0%{width:6px}to{width:22px}}.dh-swiper-ctr[data-v-ff8b23dc]{overflow:hidden;position:relative}.dh-swiper-ctr .dh-swiper-list[data-v-ff8b23dc],.dh-swiper-ctr[data-v-ff8b23dc]{height:100%;width:100%}.dh-swiper-ctr .dh-swiper-item[data-v-ff8b23dc]{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .2s;width:100%;z-index:-1}.dh-swiper-ctr .dh-swiper-item.active[data-v-ff8b23dc]{opacity:1;z-index:1}.dh-swiper-ctr:hover .left-icon[data-v-ff8b23dc],.dh-swiper-ctr:hover .right-icon[data-v-ff8b23dc]{display:block}.dh-swiper-ctr .left-icon[data-v-ff8b23dc],.dh-swiper-ctr .right-icon[data-v-ff8b23dc]{background-color:rgba(0,0,0,.3);cursor:pointer;display:none;height:38px;margin-top:-19px;position:absolute;top:50%;width:18px;z-index:9}.dh-swiper-ctr .left-icon[data-v-ff8b23dc]:after,.dh-swiper-ctr .right-icon[data-v-ff8b23dc]:after{background-repeat:no-repeat;content:"";height:19px;position:absolute;top:10px;width:10px}.dh-swiper-ctr .left-icon[data-v-ff8b23dc]{left:0}.dh-swiper-ctr .left-icon[data-v-ff8b23dc]:after{background-position:0 -207px;left:2px}.dh-swiper-ctr .right-icon[data-v-ff8b23dc]{right:0}.dh-swiper-ctr .right-icon[data-v-ff8b23dc]:after{background-position:-15px -207px;left:5px}.dh-swiper-ctr .dot[data-v-ff8b23dc]{bottom:10px;position:absolute;z-index:1}.dh-swiper-ctr .dot-item[data-v-ff8b23dc]{background:hsla(0,0%,96%,.45);border-radius:50%;cursor:pointer;display:inline-block;height:5px;margin:0 4px 0 0;width:5px}.dh-swiper-ctr .dot-item.active[data-v-ff8b23dc]{background:#fff;border-radius:3px;width:10px}.c-ctn-header[data-v-d43bef28]{align-items:center;display:flex;justify-content:space-between;padding:16px 0;position:relative}.c-ctn-header .header-ctr[data-v-d43bef28]{overflow:hidden}.c-ctn-header .title-icon[data-v-d43bef28]{height:26px;margin-right:10px;width:26px}.c-ctn-header .title-name[data-v-d43bef28]{color:#000;font-size:18px;font-weight:700;line-height:28px;margin-right:16px;vertical-align:top}.c-ctn-header .title-name-a[data-v-d43bef28]:hover{text-decoration:none}.c-ctn-header .label[data-v-d43bef28]{background:rgba(0,0,0,.05);border-radius:14px;box-sizing:border-box;color:#222;display:inline-block;flex-shrink:0;font-size:14px;height:24px;line-height:24px;margin-top:2px;overflow:hidden;padding:0 12px;text-align:center;white-space:nowrap}.c-ctn-header .label[data-v-d43bef28]:not(:last-child){margin-right:16px}.c-ctn-header .label[data-v-d43bef28]:hover{color:#fff;text-decoration:none}.c-ctn-header .more-link[data-v-d43bef28]{align-items:center;color:#666;display:flex;font-size:14px;line-height:19px}.c-ctn-header .more-link:hover .svg-icon[data-v-d43bef28],.c-ctn-header .more-link[data-v-d43bef28]:hover{color:#f30}.c-ctn-header .more-link .svg-icon[data-v-d43bef28]{color:#999;font-size:9px;height:8px;margin-left:4px;vertical-align:0;width:8px}.carousel-rail[data-v-094ebbbe]{height:100%;position:relative;width:100%}.carousel-rail__viewport[data-v-094ebbbe]{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.carousel-rail__viewport[data-v-094ebbbe]::-webkit-scrollbar{height:0;width:0}.carousel-rail__track[data-v-094ebbbe]{align-items:stretch;display:flex;list-style:none;margin:0;padding:0;width:100%}.carousel-rail__item[data-v-094ebbbe]{scroll-snap-align:start}.carousel-rail__btn[data-v-094ebbbe]{align-items:center;backdrop-filter:blur(3px);background:hsla(0,0%,100%,.8);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#333;cursor:pointer;display:none;font-size:20px;height:37px;justify-content:center;line-height:1;padding:0;position:absolute;top:50px;width:37px;z-index:2}.carousel-rail__btn[data-v-094ebbbe]:disabled{cursor:not-allowed}.carousel-rail:hover .carousel-rail__btn[data-v-094ebbbe]{display:inline-flex}.carousel-rail__btn--next[data-v-094ebbbe]:after,.carousel-rail__btn--prev[data-v-094ebbbe]:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAATlBMVEUAAAAhISEiIiIiIiIhISEjIyMjIyMiIiIiIiIiIiIiIiIiIiIhISEgICAhISEiIiIiIiIiIiIhISEiIiIhISEhISEhISEiIiIiIiIiIiJjza5HAAAAGXRSTlMA7vfyMDoy6oeDf0U/Nt7Vtq+Me24ndGhbGlgIwAAAAG9JREFUKM+90MkOgCAMRdE6gooMzv3/HzUlYecjwUS7PYvmXfrj9uBbZK1itsgqZq4zxuOj9dGWYpuj6WLrGrGh2PoGbyAvtoIyQVCj3Aq/xOFSnvQWRziIMlO3V2pq0TOrF9BJVFFGLUF1ztDndwPhfwqUdcHIjAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:cover;content:"";height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.carousel-rail__btn--prev[data-v-094ebbbe]{left:8px}.carousel-rail__btn--next[data-v-094ebbbe]{right:8px}.carousel-rail__btn--next[data-v-094ebbbe]:after{transform:translate(-50%,-50%) rotate(180deg)}.recently-played-game[data-v-f47a0220]{backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.7));border:1px solid #9ed0ff;border-radius:24px 16px 24px 16px;min-height:60px;padding:51px 0 16px;position:absolute;right:-104px;top:18px;width:96px;z-index:1}.recently-played-game .game-img[data-v-f47a0220]{height:67px;position:absolute;top:-14px;width:92px}.recently-played-game .game-list[data-v-f47a0220]{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.recently-played-game .game-list.hide[data-v-f47a0220]{height:0;overflow:hidden}.recently-played-game .game-item[data-v-f47a0220]{position:relative}.recently-played-game .game-item[data-v-f47a0220]:not(:last-child){margin-bottom:16px}.recently-played-game .game-item .item-box[data-v-f47a0220]{border-radius:12px;cursor:pointer;height:60px;outline:1px solid transparent;outline-offset:-4px;width:60px}.recently-played-game .game-item .image[data-v-f47a0220]{border-radius:12px;display:inline-block;width:100%}.recently-played-game .game-item .name[data-v-f47a0220]{background:#fff;border-radius:20px;box-shadow:0 2px 6px 0 rgba(0,110,255,.2);color:#f30;display:none;font-size:12px;height:24px;left:50%;line-height:24px;padding:0 12px;position:absolute;text-align:center;text-shadow:0 2px 6px rgba(0,110,255,.2);top:-30px;transform:translateX(-50%);white-space:nowrap}.recently-played-game .game-item .name[data-v-f47a0220]:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;bottom:-5px;content:"";display:inline-block;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.recently-played-game .game-item:hover .item-box[data-v-f47a0220]{border:4px solid rgba(255,51,0,.5);outline-color:#fff}.recently-played-game .game-item:hover .image[data-v-f47a0220]{border-radius:8px}.recently-played-game .game-item:hover .name[data-v-f47a0220]{display:block}.recently-played-game .no-data[data-v-f47a0220]{color:#666;font-size:12px;line-height:16px;margin:auto;text-align:center;width:72px}.recently-played-game .fold-btn[data-v-f47a0220]{background:#fff;border:1px solid #e8e8e8;border-radius:50%;bottom:-11px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);cursor:pointer;height:24px;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:24px}.recently-played-game .fold-btn[data-v-f47a0220]:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAAAsLCwiIiIiIiIiIiIiIiIhISEhISEiIiIiIiIjIyMiIiIiIiIhISEhISEiIiIvpKHXAAAAD3RSTlMABdodtK4a3bmqFdS+Ni+/aNg7AAAATUlEQVQI12PADyxmQWjm+t8LwAzz//93gWg2/Z/9nxKAjKT/gSL/lUECXwUY/b8bMLD8D2RgEP1/gIHjiwADA+P8AwyMF0A6+IA8wgAANiMVCn7kGOwAAAAASUVORK5CYII=) no-repeat 50%;background-size:cover;content:"";display:inline-block;height:8px;transition:transform .3s ease-in-out;width:8px}.recently-played-game .fold-btn.fold[data-v-f47a0220]:after{transform:rotate(180deg)}