@charset "UTF-8";/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* ==============VARIABLES START============== */
/* ==============VARIABLES END============== */
/* ==============FUNCTION END============== */
/* ==============FUNCTION END============== */
/* ==============MIXIN START============== */
/* ==============MIXIN END============== */
/* ==============PLACEHOLDER START============== */
/* ==============PLACEHOLDER END============== */
/* ==============BASE STYLE START============== */
.scroll-x { position: relative; overflow-x: auto; scrollbar-width: thin; /* Firefox滚动条样式 */ scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1); /* 定义滚动条轨道 */ }
.scroll-x::-webkit-scrollbar { width: 10px; /* 设置滚动条的宽度 */ }
.scroll-x::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); /* 设置滚动条滑块的颜色 */ border-radius: 0; /* 鼠标悬停时改变颜色 */ transition: background-color 0.3s ease; }
.scroll-x::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.8); /* 鼠标悬停时颜色加深 */ }
.scroll-x::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); /* 设置滚动条轨道背景色 */ border-radius: 5px; /* 可以添加圆角 */ }

.scroll-y { position: relative; overflow-x: hidden; overflow-y: scroll; }
.scroll-y::-webkit-scrollbar { width: 0.04rem; border-radius: 0; background: #2b3846; }
.scroll-y::-webkit-scrollbar-thumb { width: 0.04rem; height: 1px; border-radius: 0; background: linear-gradient(to right, #e6deb3, #e6deb3); }
.scroll-y::-webkit-scrollbar-thumb:disabled { background: #000; }
.scroll-y::-webkit-scrollbar-track { border-radius: 0; background: #000; }

@font-face { font-family: "sy-r"; src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-r.eot); src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-r.eot?#iefix) format("embedded-opentype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-r.woff) format("woff"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-r.ttf) format("truetype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-r.svg#sy-r) format("svg"); font-style: normal; font-weight: normal; }
@font-face { font-family: "sy-m"; src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-m.eot); src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-m.eot?#iefix) format("embedded-opentype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-m.woff) format("woff"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-m.ttf) format("truetype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-m.svg#sy-m) format("svg"); font-style: normal; font-weight: normal; }
@font-face { font-family: "sy-sbold"; src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-sbold.eot); src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-sbold.eot?#iefix) format("embedded-opentype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-sbold.woff) format("woff"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-sbold.ttf) format("truetype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-sbold.svg#sy-sbold) format("svg"); font-style: normal; font-weight: normal; }
/* 思源宋体heavy */
@font-face { font-family: "sy-h"; src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-h.eot); src: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-h.eot?#iefix) format("embedded-opentype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-h.woff) format("woff"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-h.ttf) format("truetype"), url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/fonts/sy-h.svg#sy-sbold) format("svg"); font-style: normal; font-weight: normal; }
/* ==============BASE STYLE END============== */
/* ==============ANIMATION START============== */
@keyframes ani-scale { 0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); } }
@keyframes rotates { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes translateY { 0% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(0.1rem); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; } }
@keyframes translateY2 { 0% { transform: translate(-50%, 0); opacity: 1; }
  50% { transform: translate(-50%, 0.1rem); opacity: 1; }
  100% { transform: translate(-50%, 0); opacity: 1; } }
@keyframes translateX { 0% { transform: translateX(0); opacity: 1; }
  50% { transform: translateX(0.1rem); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; } }
/* ==============ANIMATION END============== */
@media screen and (min-width: 1025px) { body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; }
  body { -webkit-text-size-adjust: none; font-size: 0.24rem; padding-top: 0; background-color: #000; }
  header, nav, section, article, footer, figure, figcaption { display: block; }
  h1, h2, h3, h4, h5, h6, th { font-weight: normal; font-size: 100%; }
  ol, ul { margin: 0; padding: 0; }
  fieldset { border: none; margin: 0; padding: 0; }
  a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  table { border-collapse: collapse; border-spacing: 0; }
  em, strong { font-weight: normal; font-style: normal; }
  a { text-decoration: none; }
  a:hover { filter: brightness(1); -webkit-filter: brightness(1); }
  .hide { display: block; width: 0; height: 0; overflow: hidden; }
  :focus { outline: none; }
  .c:before, .c:after { content: ""; display: table; }
  .c:after { clear: both; }
  .floatl { float: left; margin-top: 0.4rem; }
  .floatr { float: right; }
  .pr { position: relative; }
  .pa { position: absolute; }
  .db { display: block; text-indent: -9999em; }
  .pf { position: fixed; }
  input, textarea, section { border-radius: 0; outline: none; }
  body, button, input, select, textarea { font: 0.12rem/1.5 tahoma, sans-serif; }
  html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }
  .hide, .hid { text-indent: -99.99rem; font-size: 0rem; overflow: hidden; width: 0rem; height: 0rem; opacity: 0; }
  .wrapper *, .wrapper *::after, .wrapper *::before { outline: none; background-repeat: no-repeat; background-position: center top; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #afooter { display: flex; justify-content: center; align-items: center; padding: 0.3rem 0; text-align: center; font-size: 0.14rem; line-height: 0.2rem; color: #c0c0c0; }
  #afooter a { color: #c0c0c0; text-decoration: none; }
  #afooter a:hover { color: #c0c0c0; text-decoration: none; } }
@media screen and (max-width: 1024px) { body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; }
  body { -webkit-text-size-adjust: none; font-size: 0.24rem; background-color: #000; }
  header, nav, section, article, footer, figure, figcaption { display: block; }
  h1, h2, h3, h4, h5, h6, th { font-weight: normal; font-size: 100%; }
  ol, ul { margin: 0; padding: 0; }
  fieldset { border: none; margin: 0; padding: 0; }
  a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  table { border-collapse: collapse; border-spacing: 0; }
  em, strong { font-weight: normal; font-style: normal; }
  a { text-decoration: none; }
  .hide { display: block; width: 0; height: 0; overflow: hidden; }
  :focus { outline: none; }
  .c:before, .c:after { content: ""; display: table; }
  .c:after { clear: both; }
  .fl { float: left; }
  .fr { float: right; }
  .pr { position: relative; }
  .pa { position: absolute; }
  .db { display: block; text-indent: -9999em; }
  .pf { position: fixed; }
  .hide, .hid { text-indent: -99.99rem; font-size: 0rem; overflow: hidden; width: 0rem; height: 0rem; opacity: 0; }
  input, textarea, section { border-radius: 0; outline: none; }
  body, html { width: 100%; -webkit-user-select: none; user-select: none; -webkit-text-size-adjust: none; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; overflow-x: hidden; }
  html { -webkit-text-size-adjust: 100%; }
  i { font-style: normal; }
  #afooter { padding: 0.3rem 0; text-align: center; font-size: 0.12rem; line-height: 0.3rem; color: #c0c0c0; }
  #afooter a { color: #c0c0c0; text-decoration: none; }
  #afooter a:hover { color: #c0c0c0; text-decoration: none; } }
.wrap { margin: 0 auto; position: relative; overflow: hidden; width: 100%; height: 100%; }
.wrap .header-nav { position: fixed; top: 0; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 100%; height: 1.2rem; background-color: rgba(24, 24, 24, 0.72); box-sizing: border-box; padding: 0 0.5rem; }
.wrap .header-nav .logo-box { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .header-nav .logo-box .header-logo { display: block; position: relative; }
.wrap .header-nav .logo-box .logo1 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/logo1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.67rem; height: 0.61rem; }
.wrap .header-nav .logo-box .logo2 { margin-left: 0.22rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/logo2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.62rem; height: 0.6rem; }
.wrap .header-nav .nav-list { position: relative; height: 100%; }
.wrap .header-nav .nav-list .nav-info { height: 100%; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .header-nav .nav-list .nav-info .nav-item { position: relative; height: 100%; padding: 0 0.3rem; margin: 0 0.1rem; }
.wrap .header-nav .nav-list .nav-info .nav-item.nav-st-wegame::before { content: ""; z-index: -1; pointer-events: auto; position: absolute; top: auto; right: auto; bottom: -0.84rem; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; height: 0.8rem; }
.wrap .header-nav .nav-list .nav-info .nav-item.on .txt, .wrap .header-nav .nav-list .nav-info .nav-item:hover .txt { color: #a0986d; }
.wrap .header-nav .nav-list .nav-info .nav-item.on .txt::after, .wrap .header-nav .nav-list .nav-info .nav-item:hover .txt::after { content: ""; display: block; }
.wrap .header-nav .nav-list .nav-info .nav-item .txt { position: relative; font: normal normal 0.22rem / 1.2rem sy-m; color: #d7d7d7; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .header-nav .nav-list .nav-info .nav-item .txt::after { content: ""; display: none; position: absolute; left: 0; right: 0; bottom: 0.34rem; width: 100%; height: 1px; background-color: #a0986d; }
.wrap .header-nav .nav-list .nav-info .nav-item .nav-icon { display: inline-block; margin-left: 0.08rem; margin-bottom: 0.05rem; vertical-align: middle; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/header-nav-icon.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.25rem; height: 0.22rem; }
.wrap .header-nav .nav-list .sub-nav-item { position: relative; padding: 0 0.3rem; }
.wrap .header-nav .nav-list .sub-nav-item.on .txt, .wrap .header-nav .nav-list .sub-nav-item:hover .txt { text-decoration: underline; color: #a0986d; }
.wrap .header-nav .nav-list .sub-nav-item .txt { position: relative; font: normal normal 0.22rem / 0.66rem sy-m; color: #d7d7d7; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .header-nav .nav-list .sub-nav-info { position: absolute; top: 1.2rem; left: 2.06rem; display: none; }
.wrap .header-nav .nav-list .nav-st-anmjs { background-color: rgba(24, 24, 24, 0.72); }
.wrap .header-nav .nav-list .nav-st-cjc { background-color: rgba(24, 24, 24, 0.72); }
.wrap .header-nav .nav-list .nav-st-active { background-color: rgba(24, 24, 24, 0.72); }
.wrap .header-nav .rg-info { position: relative; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .header-nav .rg-info .login-box { max-width: 3.2rem; margin-right: 0.56rem; width: 100%; position: relative; overflow: hidden; font: normal normal 0.22rem / 0.22rem sy-m; color: #d7d7d7; text-align: right; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .header-nav .rg-info .login-box a { font-weight: normal; color: #d7d7d7; }
.wrap .header-nav .rg-info .login-box a:hover { cursor: pointer; }
.wrap .header-nav .rg-info .login-box .area_bind { display: none; }
.wrap .header-nav .rg-info .login-box .txt-nickname { width: 1.6rem; display: inline-block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: bottom; }
.wrap .header-nav .rg-info .head-lb-btn { display: block; margin-right: 0.46rem; font: normal normal 0.22rem / 0.22rem sy-m; color: #d7d7d7; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; white-space: nowrap; }
.wrap .header-nav .rg-info .head-icon { display: block; position: relative; width: 0.32rem; height: 0.27rem; }
.wrap .header-nav .rg-info .head-icon i { display: block; }
.wrap .header-nav .rg-info .head-qq-btn { width: 1.24rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .header-nav .rg-info .head-qq-btn::before { content: ""; position: absolute; top: 50%; right: auto; bottom: auto; left: 0rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 0.48rem; background-color: #474747; }
.wrap .header-nav .rg-info .head-qq-btn i { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/header-qq-icon.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.33rem; height: 0.35rem; }
.wrap .header-nav .rg-info .head-book-now { display: none; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/header-book-btn-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.07rem; height: 0.56rem; }
.wrap .header-nav .rg-info .head-book-now span { display: block; font: normal normal 0.25rem / 0.56rem sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .header-nav .rg-info .head-book-now.active { filter: grayscale(1); }
.wrap .header-nav .rg-info .head-book-now.active span { color: #a09e96; }
.wrap .left-float { position: fixed; top: auto; right: auto; bottom: 2.21rem; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 999; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/left-float-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.54rem; height: 4.94rem; box-sizing: border-box; padding: 2.66rem 0.8rem 0.74rem 0.3rem; }
.wrap .left-float .left-float-img { margin: 0 auto; width: 1.2rem; height: 1.2rem; }
.wrap .left-float .left-float-img img { margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .left-float .left-float-name { margin: 0.14rem auto 0; font: normal normal 0.2rem / 0.22rem sy-m; color: #cbbf7f; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .left-float .left-float-text { display: block; margin: -2rem auto 0; position: relative; font: normal normal 0.2rem / 0.36rem sy-m; color: #cbbf7f; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/left-float-text-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.42rem; height: 0.36rem; }
.wrap .scroll-down { position: fixed; top: auto; right: auto; bottom: 0.52rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-dropdown-icon.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.87rem; height: 0.73rem; animation: translateY2 1.6s ease infinite; }
.wrap .main-content { position: relative; width: 100vw; height: 100vh; }
.wrap .main-content .mainSwiper { width: 100vw; height: 100vh; }
.wrap .main-content .mainSwiper .main-wrapper { transition-delay: 0.3s; }
.wrap .sec1 { background: transparent url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/bg1.jpg) top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 6; justify-content: space-between; align-items: flex-start; flex-direction: row; }
.wrap .sec1 .kv { width: 100%; height: 100%; position: relative; overflow: hidden; }
.wrap .sec1 .kv .kv-video { position: relative; overflow: hidden; z-index: 1; width: 100%; height: 100%; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec1 .kv .kv-video video { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec1 .kv .kv-info { position: absolute; overflow: hidden; z-index: 2; width: 100%; height: 100%; box-sizing: border-box; padding-top: 5.74rem; }
.wrap .sec1 .kv .kv-info .kv-play { display: block; margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-play-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; animation: ani-scale 1.5s ease infinite; }
.wrap .sec1 .kv .kv-info .kv-slogin { margin: 0.22rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-slogin1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 14.97rem; height: 2.11rem; pointer-events: none; }
.wrap .sec1 .kv .kv-info .kv-book-now { display: block; margin: 0.24rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-book-now-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.21rem; height: 1.1rem; }
.wrap .sec1 .kv .kv-info .kv-book-now span { display: block; font: normal normal 0.35rem / 0.98rem sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec1 .kv .kv-info .kv-book-now.active { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-book-now-bg-on.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.21rem; height: 1.1rem; }
.wrap .sec1 .kv .kv-info .kv-book-now.active span { color: #a09e96; }
.wrap .sec1 .kv .kv-info .kv-book-prop { margin: -0.05rem auto 0; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-book-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 8.01rem; height: 2.86rem; box-sizing: border-box; padding: 0.63rem 0.7rem 0.7rem 0.78rem; }
.wrap .sec1 .kv .kv-info .kv-book-prop .kv-book-lf { font-size: 0; margin-right: 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-book-lf-img.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.86rem; height: 1.08rem; }
.wrap .sec1 .kv .kv-info .kv-book-prop .kv-book-rg { width: 4.9rem; height: auto; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec1 .kv .kv-info .kv-book-prop .book-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec1 .kv .kv-info .kv-book-prop .book-item:nth-child(1) { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-book-item-bg1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.58rem; height: 1.49rem; }
.wrap .sec1 .kv .kv-info .kv-book-prop .book-item:nth-child(2) { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-book-item-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.58rem; height: 1.51rem; }
.wrap .sec1 .kv .kv-info .kv-book-prop .book-item:nth-child(3) { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/kv-book-item-bg3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.58rem; height: 1.54rem; }
.wrap .sec1 .kv .kv-info .kv-book-prop .book-desc-txt { width: 100%; margin: -0.4rem auto 0; font: normal normal 0.2rem / 0.24rem sy-m; color: #d9ba92; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec2 { width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 6; justify-content: center !important; align-items: center !important; flex-wrap: nowrap !important; flex-direction: row !important; }
.wrap .sec2 .gameSwiper { width: 100vw; height: 100vh; }
.wrap .sec2 .gameSwiper .game-wrapper .swiper-slide { display: flex; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec2 .game-pagin { position: absolute; top: auto; right: auto; bottom: 1.79rem; left: 3.07rem; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 4; width: 19.56rem; height: 1.96rem; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; box-sizing: border-box; padding: 0 2.22rem; }
.wrap .sec2 .game-pagin .swiper-pagination-bullet { position: relative; margin: 0; opacity: 1; background-color: transparent; width: 1.4rem; height: 1.96rem; }
.wrap .sec2 .game-pagin .swiper-pagination-bullet-active { background-color: transparent; width: 1.4rem; height: 1.96rem; }
.wrap .sec2 .game-features-img { width: 100vw; height: 100vh; position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 2; }
.wrap .sec2 .game-features-img img { display: block; object-fit: cover; width: 100%; height: 100%; }
.wrap .sec2 .sec2-video-box { width: 100vw; height: 100vh; position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 2; }
.wrap .sec2 .sec2-video-box video { display: block; width: 100%; height: 100%; }
.wrap .sec2 .sec2-pagin-list { position: absolute; top: auto; right: auto; bottom: 1.79rem; left: 3.07rem; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 4; width: 19.56rem; height: 1.96rem; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; box-sizing: border-box; padding: 0 2.22rem; }
.wrap .sec2 .sec2-pagin-list::after { content: ""; pointer-events: none; position: absolute; top: auto; right: auto; bottom: 0.67rem; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-pagin-list-line.png); background-repeat: no-repeat; background-size: 100% 100%; width: 19.56rem; height: 0.03rem; }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item { position: relative; z-index: 2; width: 1.4rem; height: 1.96rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item.on .game-features-title { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-tit-on-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.36rem; height: 0.84rem; }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item.on .game-features-title .features-tit { color: #e3b96e; line-height: 0.84rem; }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item.on .game-pagin-img { filter: grayscale(0); margin: -0.3rem auto 0rem; width: 1.4rem; height: 1.4rem; }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item .game-features-title { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-tit-def-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.36rem; height: 0.82rem; }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item .game-features-title .features-tit { font: normal normal 0.24rem / 0.82rem sy-sbold; color: #8e8460; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item .game-pagin-img { margin: -0.28rem auto 0.08rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 1.24rem; height: 1.24rem; filter: grayscale(0.6); }
.wrap .sec2 .sec2-pagin-list .sec2-pagin-item .game-pagin-img img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec2 .game-features-info { position: absolute; top: 2.66rem; right: 0; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 4; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 8.51rem; height: 7.58rem; box-sizing: border-box; padding-top: 0.39rem; padding-bottom: 0.36rem; }
.wrap .sec2 .game-features-info .features-head { position: relative; width: 100%; height: 3.04rem; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec2 .game-features-info .features-head .features-title1 { margin-right: 1.5rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-head1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 5.39rem; height: 2.28rem; }
.wrap .sec2 .game-features-info .features-head .features-title2 { margin-right: 1.5rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-head2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.49rem; height: 2.12rem; }
.wrap .sec2 .game-features-info .features-head .features-title3 { margin-right: 1.5rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-head3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.53rem; height: 2.11rem; }
.wrap .sec2 .game-features-info .features-head .features-title4 { margin-right: 1.5rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-head4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.45rem; height: 2.12rem; }
.wrap .sec2 .game-features-info .features-head .features-title5 { margin-right: 1.5rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-head5.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.44rem; height: 2.12rem; }
.wrap .sec2 .game-features-info .features-head .features-title6 { margin-right: 1.5rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec2-features-head6.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.45rem; height: 2.12rem; }
.wrap .sec2 .game-features-info .features-body { position: relative; margin: 0.4rem auto 0; width: 5.46rem; height: auto; }
.wrap .sec2 .game-features-info .features-body .features-desc-txt { position: relative; font: normal normal 0.3rem / 0.64rem sy-sbold; color: #8e8a6c; text-align: right; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec2 .gm-slide1 .features-desc-txt.f-txt1, .wrap .sec2 .gm-slide1 .features-desc-txt.f-txt2, .wrap .sec2 .gm-slide1 .features-desc-txt.f-txt3, .wrap .sec2 .gm-slide1 .features-desc-txt.f-txt5 { margin-right: -0.2rem; }
.wrap .sec2 .gm-slide4 .features-desc-txt.f-txt2 { margin-right: 0.28rem; }
.wrap .sec2 .gm-slide5 .features-desc-txt.f-txt1 { margin-right: 0.28rem; }
.wrap .sec3 { background: transparent url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/bg2.jpg) top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 6; display: flex; justify-content: center; align-items: center; }
.wrap .sec3 .adventure-cont { position: relative; width: 18.97rem; height: 9.04rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/special-offer-bg.png) no-repeat; background-size: 100% 100%; display: flex; }
.wrap .sec3 .adventure-cont::after { content: ""; position: absolute; top: 3.5rem; left: 16.68rem; width: 5.52rem; height: 8.47rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec3/icon.png) no-repeat; background-size: 100% 100%; z-index: 2; pointer-events: none; }
.wrap .sec3 .lf-box { width: 4.8rem; margin-top: 0.45rem; margin-left: 2.06rem; text-align: center; }
.wrap .sec3 .lf-box .sec3-sub-title1 { width: 4.8rem; height: 1.24rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec3-sub-tit1.png) no-repeat; background-size: 100% 100%; }
.wrap .sec3 .lf-box img { width: 3.79rem; height: 4.81rem; margin-top: 0.28rem; }
.wrap .sec3 .lf-box .sec3-btn-get { display: block; width: 3.34rem; height: 0.83rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec4-btn-recruit-ten.png) no-repeat; background-size: 100% 100%; line-height: 0.83rem; text-align: center; font-size: 0.26rem; color: #a0986d; letter-spacing: 0.01rem; margin: 0.34rem auto 0.32rem; }
.wrap .sec3 .lf-box .sec3-btn-get.active { filter: grayscale(1.1); }
.wrap .sec3 .lf-box .btn-rule { font-size: 0.2rem; color: #a0986d; text-decoration: underline; letter-spacing: 0.02rem; }
.wrap .sec3 .rg-box { margin-left: 1.52rem; margin-top: 0.45rem; width: 10.38rem; text-align: center; }
.wrap .sec3 .rg-box .sec3-sub-title2 { width: 4.9rem; height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec3-sub-tit2.png) no-repeat; background-size: 100% 100%; margin: 0 auto 0; }
.wrap .sec3 .rg-box .btn-rule { font-size: 0.2rem; color: #a0986d; text-decoration: underline; letter-spacing: 0.02rem; }
.wrap .sec3 .rg-box .benefit-list1 { margin-top: 0.4rem; }
.wrap .sec3 .rg-box .benefit-list1::before { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec3/ul_icon1.png); }
.wrap .sec3 .rg-box .benefit-list2::before { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec3/ul_icon2.png); }
.wrap .sec3 .rg-box .benefit-list2 .benefit-tips { width: 0.91rem !important; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/benefit-bg2.png) !important; padding-left: 0.26rem !important; }
.wrap .sec3 .rg-box .benefit-list { width: 100%; height: 3.82rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/benefit-prop-bg.png) no-repeat; background-size: 100% 100%; margin-bottom: -0.1rem; display: flex; overflow: hidden; padding-left: 0.86rem; box-sizing: border-box; position: relative; }
.wrap .sec3 .rg-box .benefit-list::before { content: ""; position: absolute; top: 0.02rem; left: 0.06rem; width: 0.42rem; height: 1.28rem; background-size: 100% 100%; }
.wrap .sec3 .rg-box .benefit-list li { width: 2.59rem; height: 2.8rem; margin-top: 0.28rem; margin-right: 0.34rem; }
.wrap .sec3 .rg-box .benefit-list li .benefit-prop { position: relative; width: 100%; height: 2.08rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/benefit-prop.png) no-repeat; background-size: 100% 100%; }
.wrap .sec3 .rg-box .benefit-list li .benefit-tips { position: absolute; top: 0.08rem; right: 0.06rem; left: auto; width: 0.75rem; height: 0.44rem; background-size: 100% 100%; font-size: 0.2rem; line-height: 0.44rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/benefit-bg1.png); text-align: left; padding-left: 0.3rem; box-sizing: border-box; }
.wrap .sec3 .rg-box .benefit-list li img { width: 100%; height: 100%; }
.wrap .sec3 .rg-box .benefit-list li p { position: absolute; width: 100%; text-align: center; font-size: 0.19rem; color: #a0986d; left: 0; bottom: 0.16rem; }
.wrap .sec3 .rg-box .benefit-list li a { display: block; width: 2.26rem; height: 0.57rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/btn-get.png) no-repeat; background-size: 100% 100%; margin: 0.15rem auto 0; line-height: 0.57rem; font-size: 0.2rem; text-align: center; letter-spacing: 0.01rem; color: #c9bb72; }
.wrap .sec3 .rg-box .benefit-list li a.active { filter: grayscale(1.1); }
.wrap .sec8 { width: 100%; height: auto; position: relative; overflow: hidden; z-index: 6; height: auto !important; background-color: #000; }
.wrap .sec7 { background: transparent url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/bg2.jpg) top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 6; display: flex; justify-content: center; align-items: flex-start; box-sizing: border-box; padding-top: 3.4rem; }
.wrap .sec7 .role-display-list { transform: scale(1.2); position: relative; width: 2.3rem; height: 7.24rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec7 .role-display-list::after { content: ""; display: block; pointer-events: none; position: absolute; top: 50%; right: 0.16rem; bottom: auto; left: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-list-line.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.03rem; height: 7.24rem; }
.wrap .sec7 .role-display-list .role-item { position: relative; width: 100%; height: 0.87rem; cursor: pointer; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec7 .role-display-list .role-item:not(:last-child) { margin-bottom: 0.31rem; }
.wrap .sec7 .role-display-list .role-item.active .role-name, .wrap .sec7 .role-display-list .role-item:hover .role-name { color: #d5c387; }
.wrap .sec7 .role-display-list .role-item.active .role-hover-icon, .wrap .sec7 .role-display-list .role-item:hover .role-hover-icon { visibility: visible; }
.wrap .sec7 .role-display-list .role-item.active .role-img, .wrap .sec7 .role-display-list .role-item:hover .role-img { filter: grayscale(0); }
.wrap .sec7 .role-display-list .role-item .role-name { margin-right: 0.16rem; font: normal normal 0.23rem / 1.1 sy-sbold; color: #5b5749; text-align: right; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec7 .role-display-list .role-item .role-img { position: relative; z-index: 2; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-img-border.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.86rem; height: 0.86rem; box-sizing: border-box; padding: 0.06rem; filter: grayscale(0.6); }
.wrap .sec7 .role-display-list .role-item .role-img img { display: block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; }
.wrap .sec7 .role-display-list .role-item .role-hover-icon { visibility: hidden; margin-left: -0.04rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-hover-icon.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.36rem; height: 0.36rem; position: relative; z-index: 3; }
.wrap .sec7 .role-swiper { transform: scale(1.2); width: 13.56rem; height: 9.24rem; margin: 0; margin-left: 2rem; }
.wrap .sec7 .role-swiper .swiper-wrapper { width: 100%; height: 100%; }
.wrap .sec7 .role-swiper .swiper-wrapper .swiper-slide { justify-content: flex-start; align-items: flex-start; }
.wrap .sec7 .role-swiper .role-prev::after, .wrap .sec7 .role-swiper .role-next::after { content: ""; display: none; }
.wrap .sec7 .role-swiper .role-prev { top: auto; bottom: 0; right: 1.62rem; left: auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-prev.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.51rem; height: 0.6rem; }
.wrap .sec7 .role-swiper .role-next { top: auto; bottom: 0; right: 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-next.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.51rem; height: 0.6rem; }
.wrap .sec7 .role-swiper .role-pagin { width: 1.06rem; height: 0.46rem; font: normal normal 0.36rem / 0.46rem sy-sbold; color: #9b9069; text-align: center; letter-spacing: 0.02rem; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; position: absolute; top: auto; right: 0.5rem; bottom: 0.1rem; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; }
.wrap .sec7 .role-swiper .role-pagin span { font: normal normal 0.36rem / 0.46rem sy-sbold; color: #9b9069; text-align: center; letter-spacing: 0.02rem; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5)); }
.wrap .sec7 .role-swiper .role-pagin span.swiper-pagination-current { font-size: 0.6rem; }
.wrap .sec7 .role-swiper .role-pagin span.swiper-pagination-total { font-size: 0.36rem; }
.wrap .sec7 .role-swiper .role-slide1 .role-bg-qz { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-qz1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.61rem; height: 5.91rem; }
.wrap .sec7 .role-swiper .role-slide2 .role-bg-qz { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-qz2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.61rem; height: 5.91rem; }
.wrap .sec7 .role-swiper .role-slide3 .role-bg-qz { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-qz3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.61rem; height: 5.91rem; }
.wrap .sec7 .role-swiper .role-slide4 .role-bg-qz { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-qz4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.61rem; height: 5.91rem; }
.wrap .sec7 .role-swiper .role-slide5 .role-bg-qz { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-qz5.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.61rem; height: 5.91rem; }
.wrap .sec7 .role-swiper .lf-top-box { width: 3.98rem; height: 2.09rem; position: absolute; top: 0.3rem; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 4; }
.wrap .sec7 .role-swiper .lf-top-box::before { content: ""; position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 2; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-lf-title-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.49rem; height: 1.49rem; }
.wrap .sec7 .role-swiper .lf-top-box .lf-title { position: relative; padding-left: 0.26rem; z-index: 5; font: normal normal 0.75rem / 1.5 sy-sbold; color: #d1b673; text-align: left; letter-spacing: 0.12rem; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; filter: drop-shadow(0 0 0.1rem #000); }
.wrap .sec7 .role-swiper .lf-top-box .lf-title::first-letter { font-size: 0.95rem; }
.wrap .sec7 .role-swiper .lf-top-box .lf-desc { margin-top: -0.05rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-lf-desc-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.98rem; height: 0.9rem; font: normal normal 0.23rem / 0.9rem sy-sbold; color: #d1b673; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec7 .role-swiper .lf-top-box .lf-desc span { color: #d87e41; }
.wrap .sec7 .role-swiper .role-main { position: relative; z-index: 3; margin-left: 0.31rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-main-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 12.21rem; height: 7.49rem; }
.wrap .sec7 .role-swiper .role-main .role-bg-qz { position: absolute; top: 0.09rem; right: auto; bottom: auto; left: 0.58rem; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-role-qz1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.61rem; height: 5.91rem; z-index: 3; }
.wrap .sec7 .role-swiper .role-main .role-main-img { position: absolute; top: 1.8rem; right: auto; bottom: auto; left: -0.32rem; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 5; width: 7.14rem; height: 6.25rem; }
.wrap .sec7 .role-swiper .role-main .role-main-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec7 .role-swiper .role-main .role-main-bg { position: absolute; top: 0.8rem; right: 0.76rem; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 4; width: 6.7rem; height: 5.96rem; }
.wrap .sec7 .role-swiper .role-main .role-main-bg::after { content: ""; position: absolute; top: auto; right: 0rem; bottom: 0rem; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 5; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7role-main-bg-icon.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.32rem; height: 0.32rem; }
.wrap .sec7 .role-swiper .role-main .role-main-bg img { width: 100%; height: 100%; object-fit: cover; }
.wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg1, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg2, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg4, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg5, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg7, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg8, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg10, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg11, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg13, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg14 { display: none; }
.wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg3, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg6, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg9, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg12, .wrap .sec7 .role-swiper .role-main .role-main-bg .role-m-bg15 { display: block; }
.wrap .sec7 .role-swiper .skill-box { position: absolute; top: 7.1rem; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 5; width: 100%; height: 1.58rem; }
.wrap .sec7 .role-swiper .skill-box .skill-item { position: relative; margin: 0 auto; width: 100%; height: 100%; }
.wrap .sec7 .role-swiper .skill-box .skill-item .skill-name { position: relative; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec7 .role-swiper .skill-box .skill-item .skill-name .skill-icon1 { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-skill-icon1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.68rem; height: 0.08rem; }
.wrap .sec7 .role-swiper .skill-box .skill-item .skill-name .skill-icon2 { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec7-skill-icon2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.68rem; height: 0.08rem; }
.wrap .sec7 .role-swiper .skill-box .skill-item .skill-name span { display: block; margin-left: 0.34rem; margin-right: 0.34rem; font: normal normal 0.28rem / 0.3rem sy-sbold; color: #72684e; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; text-shadow: 0.02rem 0.02rem 0 black, -0.02rem -0.02rem 0 black, -0.02rem 0.02rem 0 black, 0.02rem -0.02rem 0 black; }
.wrap .sec7 .role-swiper .skill-box .skill-item .skill-desc { margin: 0.2rem auto 0; font: normal normal 0.18rem / 0.32rem sy-sbold; color: #72684e; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; text-shadow: 0.02rem 0.02rem 0 black, -0.02rem -0.02rem 0 black, -0.02rem 0.02rem 0 black, 0.02rem -0.02rem 0 black; }
.wrap .sec7 .role-swiper .skill-box .skill-item .skill-desc::first-letter { font-size: 0.31rem; }
.wrap .sec7 .role-swiper .skill-box .skill-it1, .wrap .sec7 .role-swiper .skill-box .skill-it2 { display: none; }
.wrap .sec7 .role-swiper .skill-box .skill-it3 { display: block; }
.wrap .sec7 .role-swiper .rg-list { position: absolute; top: 0.77rem; right: 0.34rem; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 5; width: 1.14rem; height: 6rem; }
.wrap .sec7 .role-swiper .rg-list .rg-item { width: 1.14rem; height: 1.76rem; filter: drop-shadow(0.02rem 0.04rem 0.06rem #000); }
.wrap .sec7 .role-swiper .rg-list .rg-item.on { border: 1px solid #9b9069; }
.wrap .sec7 .role-swiper .rg-list .rg-item:not(:last-child) { margin-bottom: 0.32rem; }
.wrap .sec7 .role-swiper .rg-list .rg-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec4 { background: transparent url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/bg2.jpg) top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100vw; height: 100vh; position: relative; overflow: hidden; display: flex; z-index: 6; justify-content: center; flex-wrap: wrap; align-items: center; }
.wrap .sec4 .retrieve-box { position: relative; width: 18.97rem; height: 9.04rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/special-offer-bg.png) no-repeat; background-size: 100% 100%; display: flex; }
.wrap .sec4 .lf-box { width: 8.44rem; margin-top: 0.44rem; margin-left: 1.16rem; }
.wrap .sec4 .lf-box .sec4-sub-title1 { margin: 0 auto; font-size: 0; width: 5.07rem; height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec4-sub-title1.png) no-repeat; background-size: 100% 100%; }
.wrap .sec4 .lf-box .retrieve-task-list { margin-top: 0.3rem; }
.wrap .sec4 .lf-box .retrieve-item { margin-bottom: 0.24rem; }
.wrap .sec4 .lf-box .retrieve-task-tit { line-height: 0.26rem; font-size: 0.26rem; color: #c9bb72; }
.wrap .sec4 .lf-box .retrieve-task-info { display: flex; height: 1.86rem; width: 100%; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/retrieve-task-bg.png) no-repeat; background-size: 100% 100%; margin-top: 0.12rem; display: flex; align-items: center; justify-content: space-between; }
.wrap .sec4 .lf-box .sec4-btn-get { margin-right: 0.42rem; width: 2.32rem; height: 0.83rem; line-height: 0.83rem; text-align: center; letter-spacing: 0.01rem; color: #a0986d; font-size: 0.28rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec4-btn-get.png) no-repeat; background-size: 100% 100%; }
.wrap .sec4 .lf-box .sec4-btn-get.active { filter: grayscale(1.1); }
.wrap .sec4 .lf-box .task-prop { width: 3.17rem; height: 1.66rem; margin-left: 1.9rem; }
.wrap .sec4 .lf-box .task-prop img { width: 100%; height: 100%; }
.wrap .sec4 .rg-box { width: 7.63rem; margin-top: 0.44rem; margin-left: 1.34rem; }
.wrap .sec4 .rg-box .sec4-sub-title2 { margin: 0 auto; font-size: 0; width: 7.11rem; height: 0.65rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec4-sub-title2.png) no-repeat; background-size: 100% 100%; }
.wrap .sec4 .rg-box .seek-list { margin-top: 0.5rem; }
.wrap .sec4 .rg-box .seek-list .seek-item { width: 7.63rem; height: 2.89rem; margin-bottom: 0.46rem; }
.wrap .sec4 .rg-box .seek-list .seek-item img { width: 100%; height: 100%; }
.wrap .sec4 .rg-box .seek-list .seek-title { display: none; }
.wrap .sec5 { background: transparent url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/bg2.jpg) top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 6; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; box-sizing: border-box; padding-top: 2.43rem; }
.wrap .sec5 .lottery-pool { position: relative; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-lottery-pool-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 18.9rem; height: 9.1rem; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; box-sizing: border-box; padding-top: 0.5rem; padding-left: 0.6rem; }
.wrap .sec5 .lottery-pool .lottery-container { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-lottery-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 12.04rem; height: 8.36rem; position: relative; box-sizing: border-box; padding: 0.26rem 0.75rem 0 0.42rem; }
.wrap .sec5 .lottery-pool .lottery-container .lottery-one { position: relative; overflow: hidden; width: 11.06rem; height: 5.37rem; }
.wrap .sec5 .lottery-pool .lottery-container .lottery-one img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec5 .lottery-pool .lottery-container .sec5-lottery-btn { display: block; margin: 0.1rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec4-btn-recruit-ten.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.34rem; height: 0.83rem; }
.wrap .sec5 .lottery-pool .lottery-container .sec5-lottery-btn span { font: normal normal 0.26rem / 0.84rem sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec5 .lottery-pool .lottery-container .sec5-lottery-btn span i { color: #c96f32; font-style: normal; }
.wrap .sec5 .lottery-pool .lottery-container .sec5-lottery-desc { margin: 0.1rem auto 0; font: normal normal 0.2rem / 1.1 sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec5 .lottery-pool .lottery-container .sec5-lottery-desc span { color: #c96f32; }
.wrap .sec5 .lottery-pool .lottery-container .lotterycontent_container .lotterycontent_start { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec4-btn-recruit-ten.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.34rem; height: 0.83rem; }
.wrap .sec5 .lottery-pool .lottery-task-container { margin-top: 0.21rem; position: relative; width: 6.08rem; height: auto; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-title { margin-left: 0.24rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-lottery-task-title.png); background-repeat: no-repeat; background-size: 100% 100%; width: 5.83rem; height: 2.09rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list { margin-top: 0.3rem; position: relative; width: 5.98rem; height: 4.01rem; overflow-x: hidden; overflow-y: auto; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-task-item-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 6.08rem; height: 0.95rem; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; box-sizing: border-box; padding: 0 0.3rem 0 0.28rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item:not(:first-child) { margin-top: 0.07rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item.active .task-get-btn { filter: grayscale(1); }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-item-left { width: 3.34rem; height: auto; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-item-left .task-item-title { font: normal normal 0.2rem / 1.1 sy-m; color: #c9bb72; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-item-left .task-item-desc { font: normal normal 0.18rem / 1.1 sy-m; color: #a0986d; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; margin-top: 0.08rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-item-left .task-item-desc span { color: #c96f32; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-num-text { width: 0.47rem; height: 0.32rem; background-color: #050505; font: normal normal 0.2rem / 0.32rem sy-m; color: #c9bb72; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-get-btn { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-task-get-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.67rem; height: 0.59rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-get-btn.active { filter: grayscale(1); }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-get-btn span { display: block; font: normal normal 0.2rem / 1.1 sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list::-webkit-scrollbar { width: 0.07rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list::-webkit-scrollbar-thumb { background-color: #a0986d; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-list::-webkit-scrollbar-track { background-color: #39362f; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-btn-box { position: relative; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin: 0.35rem auto 0; width: 5.5rem; height: 0.79rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-btn-box .my-prop-btn { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-my-prop-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.55rem; height: 0.79rem; line-height: 0.79rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-btn-box .my-prop-btn span { display: block; font: normal normal 0.24rem / 0.79rem sy-m; color: #c9bb72; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-btn-box .task-rule-btn { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-task-rule-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.55rem; height: 0.79rem; }
.wrap .sec5 .lottery-pool .lottery-task-container .task-btn-box .task-rule-btn span { display: block; font: normal normal 0.24rem / 0.8rem sy-m; color: #c9a172; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec5 .lottery-pool::after { content: ""; position: absolute; bottom: 1.94rem; right: -0.22rem; width: 0.17rem; height: 1.66rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-task-tips.png) no-repeat; background-size: 100% 100%; }
.wrap .sec6 { background: transparent url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/bg2.jpg) top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 6; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; box-sizing: border-box; padding-top: 2.25rem; }
.wrap .sec6 .sec6-title1 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec6-title.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.89rem; height: 0.65rem; }
.wrap .sec6 .more-info { position: relative; margin: 0.8rem auto 0; width: 14.4rem; height: auto; }
.wrap .sec6 .more-info .more-menu-list { position: relative; margin: 0 auto; width: 100%; height: auto; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec6 .more-info .more-menu-list .more-menu-item { position: relative; width: 100%; height: auto; }
.wrap .sec6 .more-info .more-menu-list .more-menu-item .more-menu-link { display: block; width: 100%; height: 100%; font-size: 0; }
.wrap .sec6 .more-info .more-menu-list .more-menu-item .more-menu-link.m-link1 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec6-more-item-img1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.26rem; height: 6rem; }
.wrap .sec6 .more-info .more-menu-list .more-menu-item .more-menu-link.m-link2 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec6-more-item-img2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.26rem; height: 6rem; }
.wrap .sec6 .more-info .more-menu-list .more-menu-item .more-menu-link.m-link3 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec6-more-item-img3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 4.26rem; height: 6rem; }
.wrap .sec6 .more-info .more-menu-list .more-menu-item .more-tag { display: block; position: absolute; top: 0rem; right: 1.02rem; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 2; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec6-more-menu-link-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.81rem; height: 2.61rem; box-sizing: border-box; padding: 0.26rem 0.12rem 0.26rem 0.1rem; font: bold normal 0.4rem / 0.5rem sy-sbold; color: #151515; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec6 .more-info .more-menu-list .more-menu-item.qd::after { content: ""; position: absolute; top: 0; right: 0.72rem; width: 0.81rem; height: 2.61rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/more-stay-tuned.png) no-repeat; background-size: 100% 100%; }
.wrap .sec6 .more-info .follow-list { position: relative; margin: 1.1rem auto 0; width: 8.7rem; height: auto; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.wrap .sec6 .more-info .follow-list .follow-item { position: relative; width: 2rem; height: auto; }
.wrap .sec6 .more-info .follow-list .follow-item:hover .follow-hover, .wrap .sec6 .more-info .follow-list .follow-item.active .follow-hover { display: block; }
.wrap .sec6 .more-info .follow-list .follow-item .follow-link { display: block; margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec6-follow-item-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.21rem; height: 1.21rem; }
.wrap .sec6 .more-info .follow-list .follow-item .follow-link img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec6 .more-info .follow-list .follow-item .follow-text { margin: 0.18rem auto 0; font: normal normal 0.2rem / 0.22rem sy-m; color: #c1b98e; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.wrap .sec6 .more-info .follow-list .follow-item .follow-hover { display: none; position: absolute; top: -2.38rem; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec6-follow-qr-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.2rem; height: 2.2rem; box-sizing: border-box; padding: 0.03rem; }
.wrap .sec6 .more-info .follow-list .follow-item .follow-hover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec9 { background: transparent url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/bg2.jpg) top center/100% 100% no-repeat; background-origin: initial; background-clip: initial; background-attachment: initial; width: 100vw; height: 100vh; position: relative; overflow: hidden; z-index: 6; display: flex; justify-content: center; align-items: center; }
.wrap .sec9 .special-offer-box { position: relative; width: 18.97rem; height: 9.04rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/special-offer-bg.png) no-repeat; background-size: 100% 100%; display: flex; }
.wrap .sec9 .special-offer-box .sec9-sub-title1 { position: absolute; left: 0; top: -0.5rem; width: 5.83rem; height: 2.09rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec9-sub-title1.png) no-repeat; background-size: 100% 100%; }
.wrap .sec9 .special-offer-box .sec9-special-offer-prop { position: relative; width: 5.42rem; height: 6.72rem; box-sizing: border-box; margin-left: 2.58rem; margin-top: 1.8rem; }
.wrap .sec9 .special-offer-box .sec9-special-offer-prop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrap .sec9 .special-offer-box .sec9-special-offer-prop::after { content: ""; position: absolute; top: -0.2rem; left: -0.3rem; width: 0.66rem; height: 0.67rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec9-count-icon2.png) no-repeat; background-size: 100% 100%; }
.wrap .sec9 .special-offer-box .rg-box { width: 6.32rem; margin-left: 2.14rem; margin-top: 0.74rem; }
.wrap .sec9 .special-offer-box .sec9-sub-title2 { width: 4.9rem; height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec9-sub-title2.png) no-repeat; background-size: 100% 100%; margin-left: 0.24rem; }
.wrap .sec9 .special-offer-box .dlc-list { margin-top: 0.34rem; }
.wrap .sec9 .special-offer-box .dlc-item { position: relative; width: 100%; height: 0.95rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec9-dlc-bg.png) no-repeat; background-size: 100% 100%; margin-bottom: 0.2rem; }
.wrap .sec9 .special-offer-box .dlc-item img { position: absolute; width: 1.47rem; height: 1.4rem; top: -0.31rem; left: -0.64rem; }
.wrap .sec9 .special-offer-box .dlc-item p { padding-left: 0.14rem; box-sizing: border-box; text-align: center; font-family: "sy-m"; font-size: 0.2rem; color: #c9bb72; letter-spacing: 0.01rem; line-height: 0.95rem; }
.wrap .sec9 .special-offer-box .sec9-btn-buy { display: block; width: 3.34rem; height: 0.83rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec4-btn-recruit-ten.png) no-repeat; background-size: 100% 100%; line-height: 0.83rem; text-align: center; font-size: 0.26rem; color: #a0986d; letter-spacing: 0.01rem; margin-left: 1.04rem; margin-top: 0.1rem; }
.wrap .sec9 .special-offer-box .sec9-btn-buy.active { filter: grayscale(1.1); }
.wrap .sec9 .special-offer-box .sec9-count-num { position: absolute; top: -0.2rem; right: -1.32rem; width: 3.59rem; height: 0.7rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec9-count-icon.png) no-repeat; background-size: 100% 100%; line-height: 0.7rem; box-sizing: border-box; padding-left: 0.32rem; display: flex; align-items: flex-end; align-content: flex-end; }
.wrap .sec9 .special-offer-box .sec9-count-num span { font-size: 0.58rem; color: #dc691d; font-family: "sy-h"; }
.wrap .sec9 .special-offer-box .sec9-count-num p { font-size: 0.24rem; color: #afa064; padding-left: 0.1rem; position: relative; line-height: 0.4rem; }
.wrap .sec9 .special-offer-box .sec9-count-num p::before { content: ""; position: absolute; top: 50%; left: 55%; width: 100%; height: 0.01rem; background-color: #d7cfa4; transform: translate(-50%, -50%) rotate(18deg); }
.wrap .sec9 .special-offer-box::after { content: ""; position: absolute; top: 3.31rem; right: -2.24rem; width: 5.02rem; height: 8.66rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec9/icon.png) no-repeat; background-size: 100% 100%; pointer-events: none; }
.wrap .sec9 .countdown-box { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 1.6rem; width: 5.45rem; height: 0.35rem; background: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec9-count-down-bg.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 0.2rem; letter-spacing: 0.04rem; color: #a0986d; }
.wrap .sec9 .countdown-box span { color: #ff781e; font-weight: bold; }

.screenshots-html { position: absolute; top: 0; right: auto; bottom: auto; left: -1000px; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-share-bg.png); background-repeat: no-repeat; background-size: cover; width: 649px; height: 1068px; z-index: 99; }
.screenshots-html .screenshots-content { position: relative; margin: 0 auto; width: 100%; height: auto; }
.screenshots-html .screenshots-content .screen-share-title { margin: 220px auto 0; font-size: 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-share-title1.png); background-repeat: no-repeat; background-size: cover; width: 552px; height: 103px; }
.screenshots-html .screenshots-content .screen-share-title .anm-help { color: #d36014; }
.screenshots-html .screenshots-content .screen-info-box { position: relative; margin: 17px auto 0; width: 100%; height: auto; height: 586px; display: flex; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.screenshots-html .screenshots-content .screen-info-box .lf-info { width: 411px; height: 586px; }
.screenshots-html .screenshots-content .screen-info-box .lf-info img { display: block; width: 411px; height: 586px; background-size: 100% 100%; object-fit: cover; }
.screenshots-html .screenshots-content .screen-info-box .rg-info { position: relative; width: 280px; box-sizing: border-box; padding-top: 76px; margin-left: -58px; }
.screenshots-html .screenshots-content .screen-info-box .rg-info .anm-name { width: 100%; height: 77px; font: normal italic 44px / 77px sy-sbold; color: #d1b673; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; text-shadow: 2px 2px 0 #200e0b, -2px -2px 0 #200e0b, -2px 2px 0 #200e0b, 2px -2px 0 #200e0b; }
.screenshots-html .screenshots-content .screen-info-box .rg-info .anm-skill-name { margin: 17px auto 0; font-size: 0; }
.screenshots-html .screenshots-content .screen-info-box .rg-info .anm-skill-name.skill-name1 { margin: 60px auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-skill1-1.png); background-repeat: no-repeat; background-size: cover; width: 195px; height: 49px; }
.screenshots-html .screenshots-content .screen-info-box .rg-info .anm-skill-name.skill-name2 { margin: 12px auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-skill1-2.png); background-repeat: no-repeat; background-size: cover; width: 195px; height: 49px; }
.screenshots-html .screenshots-content .screen-info-box .rg-info .anm-skill-name.skill-name3 { margin: 12px auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-skill1-3.png); background-repeat: no-repeat; background-size: cover; width: 195px; height: 49px; }
.screenshots-html .screenshots-content .screen-info-box .rg-info .anm-desc { margin: 18px auto 0; width: 174px; font: normal normal 18px / 28px sy-sbold; color: #867855; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }

.dialog-test { position: absolute; bottom: 0; left: 0; z-index: 2; }

.dialog { outline: none; }
.dialog .dia-con { position: relative; }
.dialog .dia-con .dia-box { margin: 0 auto; width: 100%; height: 100%; }
.dialog .dia-close { display: block; position: absolute; top: 0; right: -0.56rem; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-close.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.49rem; height: 0.53rem; }
.dialog .dia-bg1 { margin: 0 auto; width: 9.96rem; height: 5.6rem; border: 0.02rem solid #957d48; }
.dialog .dia-bg1 .dia-box .vd-cont { display: block; margin: 0 auto; width: 9.92rem; height: 5.56rem; padding-top: 0.02rem; }
.dialog .dialog-share { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.dialog .dialog-share .share-screenshots-image { display: block; width: 6.49rem; height: 10.68rem; object-fit: cover; }
.dialog .dialog-share .share-btn-box { position: relative; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin: -1.53rem auto 0 1.47rem; width: 4.48rem; height: 0.94rem; }
.dialog .dialog-share .share-btn-box .screen-share { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-share-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.53rem; height: 0.94rem; }
.dialog .dialog-share .share-btn-box .screen-share span { display: block; font: normal normal 0.3rem / 0.94rem sy-m; color: #ceba9b; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dialog-share .share-btn-box .screen-download { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-download.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.35rem; height: 0.42rem; }
.dialog .dia-bg2 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 5.88rem; box-sizing: border-box; padding: 0.37rem 0.7rem; }
.dialog .dia-bg2 .dia-title1 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.75rem; height: 0.96rem; }
.dialog .dia-bg2 .dia-sub-tit1 { margin: 0.3rem auto 0.18rem; font: normal italic 0.23rem / 1.1 sy-sbold; color: #a8a075; text-align: center; letter-spacing: 0.02rem; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg2 .dia-role-container { position: relative; margin: 0 auto; width: 6.56rem; height: auto; }
.dialog .dia-bg2 .dia-role-container .dia-role-inner { position: relative; margin: 0 auto; width: 100%; height: auto; }
.dialog .dia-bg2 .dia-role-container .dia-role-list { position: relative; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-bg1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 6.56rem; height: 1.95rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.dialog .dia-bg2 .dia-role-container .dia-role-list .dia-role-item { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-it-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.94rem; height: 0.94rem; box-sizing: border-box; padding: 0.03rem; }
.dialog .dia-bg2 .dia-role-container .dia-role-list .dia-role-item:not(:nth-child(4n)) { margin-right: 0.26rem; }
.dialog .dia-bg2 .dia-role-container .dia-role-list .dia-role-item.active { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-it-bg-on.png); background-repeat: no-repeat; background-size: 100% 100%; width: 0.94rem; height: 0.94rem; }
.dialog .dia-bg2 .dia-role-container .dia-role-list .dia-role-item img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.dialog .dia-bg2 .dia-role-container .submit-role-btn { display: block; margin: 0.4rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-see-again.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.04rem; height: 0.8rem; }
.dialog .dia-bg2 .dia-role-container .submit-role-btn span { display: block; font: normal normal 0.26rem / 0.68rem sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg3 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 5.88rem; box-sizing: border-box; padding: 0.52rem 0.86rem 0.2rem; }
.dialog .dia-bg3 .dia-title2 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.96rem; height: 0.5rem; }
.dialog .dia-bg3 .bind-form { margin: 0.2rem auto 0; position: relative; width: 6.26rem; height: auto; }
.dialog .dia-bg3 .bind-form .phone-num { font: normal normal 0.2rem / 0.46rem sy-sbold; color: rgba(168, 160, 117, 0.5); text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; width: 6.26rem; height: 0.46rem; box-sizing: border-box; padding: 0rem 0.32rem; outline: none; border: none; background-color: #130d09; }
.dialog .dia-bg3 .bind-form .phone-num::placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .phone-num::-webkit-input-placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .phone-num:-ms-input-placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .phone-num::placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .verification-box { margin: 0.09rem auto 0; width: 100%; height: 0.46rem; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.dialog .dia-bg3 .bind-form .verification-box .phone-code-num { font: normal normal 0.2rem / 0.46rem sy-sbold; color: rgba(168, 160, 117, 0.5); text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; width: 3.8rem; height: 0.46rem; box-sizing: border-box; padding: 0rem 0.32rem; outline: none; border: none; background-color: #130d09; }
.dialog .dia-bg3 .bind-form .verification-box .phone-code-num::placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .verification-box .phone-code-num::-webkit-input-placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .verification-box .phone-code-num:-ms-input-placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .verification-box .phone-code-num::placeholder { color: rgba(168, 160, 117, 0.5); font-size: 0.2rem; }
.dialog .dia-bg3 .bind-form .verification-box .get-code { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-btn-getcode.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.86rem; height: 0.44rem; }
.dialog .dia-bg3 .bind-form .verification-box .get-code span { display: block; font: normal normal 0.16rem / 0.44rem sy-m; color: #c9bb72; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg3 .bind-form .verification-box .get-code.on { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-btn-getcode-on.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.86rem; height: 0.44rem; }
.dialog .dia-bg3 .bind-form .verification-box .get-code.on span { color: #fff; }
.dialog .dia-bg3 .bind-form .bind-user-agreement { margin: 0.22rem auto 0; width: 100%; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.dialog .dia-bg3 .bind-form .bind-user-agreement .user-agreement-checkbox { width: 0.2rem; height: 0.2rem; border: 1px solid #6d644b; padding: 0; margin: 0; }
.dialog .dia-bg3 .bind-form .bind-user-agreement label { display: block; margin-left: 0.16rem; font: normal normal 0.19rem / 1.1 sy-sbold; color: #a8a075; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg3 .bind-form .user-agreement-desc { width: 100%; margin: 0.24rem auto 0; }
.dialog .dia-bg3 .bind-form .user-agreement-desc .user-agreement-text { font: normal normal 0.18rem / 1.2 sy-sbold; color: rgba(168, 160, 117, 0.5); text-align: left; letter-spacing: -0.02rem; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg3 .bind-form .user-agreement-desc .user-agreement-text:not(:last-child) { margin-bottom: 0.1rem; }
.dialog .dia-bg3 .submit-phone-num { display: block; margin: 0.24rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-see-again.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.04rem; height: 0.79rem; }
.dialog .dia-bg3 .submit-phone-num span { display: block; font: normal normal 0.26rem / 0.68rem sy-sbold; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg4 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 5.88rem; box-sizing: border-box; padding: 0.66rem 0.7rem; }
.dialog .dia-bg4 .dia-title3 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title5.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.78rem; height: 0.5rem; }
.dialog .dia-bg4 .rules-inner { margin: 0.5rem auto 0; width: 100%; height: 3.6rem; position: relative; padding-right: 0.4rem; }
.dialog .dia-bg4 .rules-list { width: 100%; height: 3.6rem; position: relative; }
.dialog .dia-bg4 .rules-list .rules-items { width: 100%; margin-bottom: 0.22rem; }
.dialog .dia-bg4 .rules-list .sub-title-text { font: normal normal 0.24rem / 1.1 sy-sbold; color: #a8a075; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg4 .rules-list .tips-text { margin-top: 0.1rem; font: normal normal 0.2rem / 0.24rem sy-sbold; color: rgba(168, 160, 117, 0.5); text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg4 .rules-list .r-icon { display: inline-block; width: 0.08rem; height: 0.08rem; border-radius: 50%; background-color: #a8a075; margin-right: 0.06rem; vertical-align: middle; }
.dialog .dia-bg12 .dia-title7 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title7.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.78rem; height: 0.5rem; }
.dialog .dia-bg12 .prop-gl-list { margin: 0.2rem auto 0; width: 100%; height: auto; }
.dialog .dia-bg12 .prop-gl-item { width: 100%; height: 0.6rem; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; font: normal normal 0.22rem / 0.6rem sy-sbold; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg12 .prop-gl-title { width: 33%; height: 0.6rem; font: normal normal 0.22rem / 0.6rem sy-sbold; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; height: 100%; }
.dialog .dia-bg13 .dia-title8 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title8.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.04rem; height: 0.5rem; }
.dialog .dia-bg13 .prop-gl-list { width: 100%; height: auto; border: 1px solid #6d644b; margin-top: 0.2rem; }
.dialog .dia-bg13 .prop-gl-item { display: flex; border-bottom: 1px solid #6d644b; box-sizing: border-box; height: 0.6rem; font-family: "sy-bold"; font-size: 0.22rem; line-height: 0.6rem; color: #a0986d; box-sizing: border-box; }
.dialog .dia-bg13 .prop-gl-item:last-child { border-bottom: none; }
.dialog .dia-bg13 .prop-gl-item .prop-gl-title:nth-child(1) { width: 6.58rem; border-right: 1px solid #6d644b; box-sizing: border-box; text-align: center; }
.dialog .dia-bg13 .prop-gl-item .prop-gl-title:nth-child(2) { width: 1.4rem; text-align: center; }
.dialog .dia-bg5 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.92rem; height: 9.05rem; box-sizing: border-box; padding: 0.66rem 0; }
.dialog .dia-bg5 .dia-title4 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 5.35rem; height: 0.95rem; }
.dialog .dia-bg5 .role-sure-info { margin: -0.2rem auto 0; width: 100%; height: 5.86rem; display: flex; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.dialog .dia-bg5 .role-sure-info .lf-info { position: relative; margin-left: 0.56rem; z-index: 4; width: 4.11rem; height: 5.86rem; }
.dialog .dia-bg5 .role-sure-info .lf-info img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dialog .dia-bg5 .role-sure-info .rg-info { margin-top: 0.85rem; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-rolesure-rg-info-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.97rem; height: 4.8rem; position: relative; box-sizing: border-box; padding-top: 0.24rem; margin-left: -0.58rem; }
.dialog .dia-bg5 .role-sure-info .rg-info .anm-name { width: 100%; height: 0.77rem; font: normal italic 0.44rem / 0.77rem sy-sbold; color: #d1b673; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; text-shadow: 0.02rem 0.02rem 0 black, -0.02rem -0.02rem 0 black, 0.02rem -0.02rem 0 black, -0.02rem 0.02rem 0 black; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box { position: relative; margin: 0 auto; width: 100%; height: 0.49rem; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box.sk-box1:hover .skill-name1-desc { display: block; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box.sk-box2:hover .skill-name2-desc { display: block; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box.sk-box3:hover .skill-name3-desc { display: block; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name1 { margin: 0.6rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-skill1-1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.95rem; height: 0.49rem; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name1:hover .skill-name1-desc { display: block; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name2 { margin: 0.12rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-skill1-2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.95rem; height: 0.49rem; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name3 { margin: 0.12rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-role-skill1-3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.95rem; height: 0.49rem; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name3:hover .skill-name3-desc { display: block; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name1-desc { display: none; position: absolute; top: -0.7rem; right: -1rem; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; font: normal normal 0.16rem / 0.2rem sy-r; color: #a8a075; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; text-shadow: 0.02rem 0.02rem 0 #200e0b, -0.02rem -0.02rem 0 #200e0b, -0.02rem 0.02rem 0 #200e0b, 0.02rem -0.02rem 0 #200e0b; box-sizing: border-box; padding: 0.14rem 0.14rem; background-color: rgba(0, 0, 0, 0.6); max-width: 2.02rem; z-index: 3; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name2-desc { display: none; position: absolute; top: -0.7rem; right: -1rem; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; font: normal normal 0.16rem / 0.2rem sy-r; color: #a8a075; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; text-shadow: 0.02rem 0.02rem 0 #200e0b, -0.02rem -0.02rem 0 #200e0b, -0.02rem 0.02rem 0 #200e0b, 0.02rem -0.02rem 0 #200e0b; box-sizing: border-box; padding: 0.14rem 0.14rem; background-color: rgba(0, 0, 0, 0.6); max-width: 2.02rem; z-index: 3; }
.dialog .dia-bg5 .role-sure-info .rg-info .skill-box .skill-name3-desc { display: none; position: absolute; top: -0.7rem; right: -1rem; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; font: normal normal 0.16rem / 0.2rem sy-r; color: #a8a075; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; text-shadow: 0.02rem 0.02rem 0 #200e0b, -0.02rem -0.02rem 0 #200e0b, -0.02rem 0.02rem 0 #200e0b, 0.02rem -0.02rem 0 #200e0b; box-sizing: border-box; padding: 0.14rem 0.14rem; background-color: rgba(0, 0, 0, 0.6); max-width: 2.02rem; z-index: 3; }
.dialog .dia-bg5 .sure-btn-box { position: relative; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin: 0.16rem auto 0; width: 6.23rem; height: 0.81rem; }
.dialog .dia-bg5 .sure-btn-box .see-again { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-share-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.04rem; height: 0.8rem; }
.dialog .dia-bg5 .sure-btn-box .see-again span { display: block; font: normal normal 0.26rem / 0.8rem sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg5 .sure-btn-box .sure-commit { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-sure-commit.png); background-repeat: no-repeat; background-size: 100% 100%; width: 3.04rem; height: 0.8rem; }
.dialog .dia-bg5 .sure-btn-box .sure-commit span { display: block; font: normal normal 0.26rem / 0.8rem sy-m; color: #bca27f; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg6 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 4.83rem; box-sizing: border-box; padding: 1.26rem 0; }
.dialog .dia-bg6 .succ-text { width: 6.2rem; font: normal normal 0.28rem / 0.3rem sy-sbold; color: #a8a075; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; margin: 0.14rem auto 0; }
.dialog .dia-bg6 .succ-text .phone-num { color: #d36014; }
.dialog .dia-bg6 .succ-btn-box { margin: 0.48rem auto 0; position: relative; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 5.5rem; height: 0.81rem; }
.dialog .dia-bg6 .succ-btn-box .sure-btn { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-share-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.55rem; height: 0.8rem; }
.dialog .dia-bg6 .succ-btn-box .sure-btn span { display: block; padding-left: 0.14rem; font: normal normal 0.26rem / 0.8rem sy-m; color: #c9bb72; text-align: center; letter-spacing: 0.2rem; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg6 .succ-btn-box .unbind-btn { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-sure-commit.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.55rem; height: 0.8rem; }
.dialog .dia-bg6 .succ-btn-box .unbind-btn span { display: block; padding-left: 0.14rem; font: normal normal 0.26rem / 0.8rem sy-m; color: #c9a172; text-align: center; letter-spacing: 0.2rem; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg7 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 4.83rem; box-sizing: border-box; padding: 1rem 0; }
.dialog .dia-bg7 .dia-title5 { margin: 0 auto; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.69rem; height: 0.5rem; }
.dialog .dia-bg7 .un-phone-num { display: block; margin: 0.5rem auto 0; font: normal normal 0.26rem / 0.66rem sy-sbold; color: #b7af83; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; width: 5.22rem; height: 0.64rem; box-sizing: border-box; padding: 0rem 0.48rem; outline: none; border: none; background-color: #130d09; }
.dialog .dia-bg7 .un-phone-num::placeholder { color: #b7af83; font-size: 0.26rem; }
.dialog .dia-bg7 .un-phone-num::-webkit-input-placeholder { color: #b7af83; font-size: 0.26rem; }
.dialog .dia-bg7 .un-phone-num:-ms-input-placeholder { color: #b7af83; font-size: 0.26rem; }
.dialog .dia-bg7 .un-phone-num::placeholder { color: #b7af83; font-size: 0.26rem; }
.dialog .dia-bg7 .unbind-btn-now { display: block; margin: 0.46rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-share-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.55rem; height: 0.8rem; }
.dialog .dia-bg7 .unbind-btn-now span { display: block; font: normal normal 0.26rem / 0.8rem sy-m; color: #c9bb72; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg8 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 4.83rem; box-sizing: border-box; padding: 1.6rem 0 0 0; }
.dialog .dia-bg8 .binded-text { margin: 0 auto 0; font: normal normal 0.28rem / 0.66rem sy-sbold; color: #b7af83; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg8 .bind-btn-phone-num { display: block; margin: 0.76rem auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-share-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.55rem; height: 0.8rem; }
.dialog .dia-bg8 .bind-btn-phone-num span { display: block; font: normal normal 0.26rem / 0.8rem sy-m; color: #c9bb72; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg9 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 4.83rem; box-sizing: border-box; padding: 1.8rem 0 0 0; }
.dialog .dia-bg9 .appointment-succ-text { margin: 0.24rem auto 0; width: 100%; padding: 0 0.2rem; box-sizing: border-box; font: normal normal 0.28rem / 0.3rem sy-sbold; color: #a8a075; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg10 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 4.83rem; box-sizing: border-box; padding: 0.9rem 0 0 0; }
.dialog .dia-bg10 .dia-box { width: 100%; height: 3rem; box-sizing: border-box; padding: 0 0.2rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.dialog .dia-bg10 .common-text { font: normal normal 0.28rem / 0.3rem sy-sbold; color: #a8a075; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg11 { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-bg4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 7.98rem; height: 4.83rem; box-sizing: border-box; padding: 0.6rem 0 0 0; }
.dialog .dia-bg11 .dia-title6 { margin: 0 auto 0; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/dia-title6.png); background-repeat: no-repeat; background-size: 100% 100%; width: 2.76rem; height: 0.95rem; }
.dialog .dia-bg11 .complete-task-inner { margin: 0.3rem auto 0; width: 100%; box-sizing: border-box; padding: 0rem 0.2rem; }
.dialog .dia-bg11 .complete-task-list { margin: 0 auto; position: relative; width: 6.08rem; height: auto; }
.dialog .dia-bg11 .complete-task-list .complete-task-items { background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-task-item-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 6.08rem; height: 0.95rem; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; box-sizing: border-box; padding: 0 0.3rem 0 0.28rem; }
.dialog .dia-bg11 .complete-task-list .complete-task-items:not(:first-child) { margin-top: 0.07rem; }
.dialog .dia-bg11 .complete-task-list .complete-task-items.active .com-task-get-btn { filter: grayscale(1); }
.dialog .dia-bg11 .complete-task-list .complete-task-items .com-task-item-left { width: 3.34rem; height: auto; }
.dialog .dia-bg11 .complete-task-list .complete-task-items .com-task-item-left .com-task-item-title { font: normal normal 0.2rem / 1.1 sy-m; color: #c9bb72; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg11 .complete-task-list .complete-task-items .com-task-item-left .com-task-item-desc { font: normal normal 0.18rem / 1.1 sy-m; color: #a0986d; text-align: left; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; margin-top: 0.08rem; }
.dialog .dia-bg11 .complete-task-list .complete-task-items .com-task-item-left .com-task-item-desc span { color: #c96f32; }
.dialog .dia-bg11 .complete-task-list .complete-task-items .task-num-text { width: 0.47rem; height: 0.32rem; background-color: #050505; font: normal normal 0.2rem / 0.32rem sy-m; color: #c9bb72; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }
.dialog .dia-bg11 .complete-task-list .complete-task-items .com-task-get-btn { display: block; background-image: url(//wegame.gtimg.com/tgp_act/release/danji/anm20241031/images/sec5-task-get-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 1.67rem; height: 0.59rem; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.dialog .dia-bg11 .complete-task-list .complete-task-items .com-task-get-btn.active { filter: grayscale(1); }
.dialog .dia-bg11 .complete-task-list .complete-task-items .com-task-get-btn span { display: block; font: normal normal 0.2rem / 1.1 sy-m; color: #a0986d; text-align: center; letter-spacing: normal; -webkit-text-decoration: none; -moz-text-decoration: none; text-decoration: none; }

/*# sourceMappingURL=index.css.map */
#vue-container {
  width: 100%;
  height: 100%;
}

.wrap .header-nav .nav-list .nav-st-cjc {
  width: 1.3rem;
}

.active,
.disable,
.gray {
  pointer-events: none;
}

.gray { filter: grayscale(100%); -webkit-filter: grayscale(100%);}

.wrap .sec4 .lf-box .recruit-info .recruit-progress-box .recruit-progress-info .recruit-item .recruit-point img {
  display: block;
}

.wrap .sec5 .lottery-pool .lottery-task-container .task-list .task-item .task-num-text {
  width: 0.6rem;
}

.wrap .header-nav .rg-info .login-box {
  max-width: 3.4rem;
}