/* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* make sure to set some focus styles for accessibility */ :focus { outline: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items: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-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} @font-face { font-family: "GothicMB101Pr5"; src: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/GothicMB101Pr5-DeBold.eee11655.woff2) format("woff2"); font-weight: normal; font-style: normal; } body, html { width: 100%; overflow-x: hidden; overflow-y: auto; font-family: "GothicMB101Pr5"; background: #392824; } body .btn, html .btn { display: block; cursor: pointer; } body .btn:hover, html .btn:hover { opacity: 0.8; } body a, html a { outline: none !important; text-decoration: none; } body a:active, html a:active { outline: none; } body .swiper-button-next.swiper-button-disabled, html .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled, html .swiper-button-prev.swiper-button-disabled { opacity: 0; } .main { width: 100%; overflow: hidden; background: #060404; } .main.main-news { position: relative; } .main.main-show .news { height: auto; background-color: #f4f1ec; } .main.main-show .page-top { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .main.main-download { min-height: 600px; } .main.main-download .page-top { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .main.main-download .page-download { min-height: 600px; } .main .scale { position: relative; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-transform-origin: center bottom !important; transform-origin: center bottom !important; width: 1920px; overflow: hidden; display: block; } .main-wrap { width: 100%; } .page-top { position: fixed; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1920px; height: 87px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_bg.e07f8d3e.jpg) center top; z-index: 8; } .page-top .scale-top { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 87px; } .page-top .top-logo { position: absolute; left: 20px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 287px; height: 43px; } .page-top .top-logo .logo-qk { width: 114px; height: 43px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAArCAMAAACTgixwAAAAclBMVEVHcEwAmP8Afv8Acv8Adf8Acv8Ac/8Acv8Adf8Afv8Agv8Acv8AvP8Adf86mPR/Vp0AtP8Aq/8As/8Arf8Ad/8Acv8Adv8AmP8AuP8AkP8ArP8Acv8Ah/8Arf8Aef8Agf8Ajv8Apf8An/8Atv8Av/8Awv/3JbdSAAAAG3RSTlMA/hu3btXyoi1HWeX+fg8JfKftw477yNY65eAj4LPuAAAErklEQVRYw+2X2ZbiOgxFje14CpkHBtMUpKj//8WWZCckVKhV666Gp+sHEgh4+8jSkWFsNmxTVwV739jv91+3r6/qfcTyVja32227zd9FtLe6JOLn/l3I5laVRKxdfazKN3CLfVlWSNxW7vMPjGP56gBz3EgggsgGidfr9eheu5P17YuInxUREXm9vrJg7FfIHBj1BByGYcdXvmwyrccAcLiXcQcKqXVm8E5ruBgtLJPa4nsh4bXV5j5Jfid+ThoHHIfvG5p5HAktxim8Ty2tJKUHOLn3lhWpV5wlPmNMeI9L8F7PS3Ik/plrHDabze6RKAGnNXAg6BYuWiuakXcwpQYsBCCFD4RXBdIka+k5LlXdp9lORGRe62Yibi4PZsS9b1GSwuWnXkAUeOIFBM+nOLHAeVOPKwtvjQnKQTCKH51uSbxem2okbi4X+yAyidcUQtVR3GHSgo3zKbimXkeO8CBchy+p5B7Z8rY9lnUM6xWYQ9lMxMthgdSoLqiFuPbhQwwkvI9fkAx3VbCAhNjHFMiYSsdpwAIqtp9nTiWHzRCIl8uiPFuK64gMikEZn5AiIlM+IoN8kGi11mElrAaXy/k8Vzdu1AijnyNdzAEBOB72Cz7ziKVIQhYZQPZtiIDwaUu/MD6OMAvuY10vqsPtAEjI0+k0L85CeYH5SaUnqD6swj3KKFdNgspTwjpCZrif+DhptfAdKeb151SQU3XY3SgSkHLhGliUfSKw0DnURwKZmOYhI/EehSPSTkWSe4h7SkFQISzNdqzHO7Exd+DpQy+dKh1jZJjp8SooDIUmizDRCoDWs2AFkN0WsZhbtPuT6WCuxnq0jpCngEwe7VHSIHOD+8nGjJShUKSE+XOZFfAYn8rMSUpCLiliTRRZHyfijsmZyA/1xN3/s+nbGFY3eQ6YuZsRP878nx96iFiyOhB3Ja4jAon475GshAIBKyViG6Z3M42PyMJlcc9YYcNGGsvDhbaXhqGty9yTs0VegjJ+HXbtmAryTvw4L/cyZGxfxLaSB2uhFOvIRKmhoeE5aC5e/XC2KMxMTDXTeF5kLNpIEq0aa9FFX7O0AE2Om8LI6JvpvH38PA53jefzoi5TKj1bRKMN9g3IhOTpaPKx6eTQuIX5FdFdApFEnuXCfDq+PCDk0b0LUNXpu8VMfe73Ikdi8I17J8FZ85xziqsTZGSIFOhEmnEH9lvwPG6BXtvKYuV4M9e4XKvG5uWUQj0wZ25FZvHUgceRRAMSTgc93GfTyShZyVn3eDK3C6J3y8NWwoqO9GBcu6THVILzBpxwnINbJ6ZTF0zdCh97+vKQeLQ/EVP2kLCScY56IK5BhkVk3inYvXn6MI7X3us1Kxjc06h+y3HoF9oY7IFANwgXoUfB7rYRKa11llZnXerl6l+goYkuweXugfhtjX3oXDp2IjoaJGFe0s662P556HJP0vYADbmpKr27XB6IKz/IsBmDMYok2ABcdLiVSUYf4MB6beH4rJ84Ht/MW/KcuPoDzn/ZxKhYnv3xOqwSlWWvG3kTDwFzou9U0trX/c+Uh7mVn/00lJDmVUKzw1Kjn2Nf9f/WZiJRK6PzqwX9//hh/AUtN5WKNv5xFAAAAABJRU5ErkJggg==); -webkit-background-size: 100% 100%; background-size: 100% 100%; } .page-top .top-logo .logo-kt { width: 364px; height: 201px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/logo_kt2.c8d85945.png) center no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transform: scale(0.32); transform: scale(0.32); position: absolute; top: -79px; left: 0; } .page-top .top-dl { position: absolute; right: 200px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 201px; height: 56px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAA4CAMAAABg1iyLAAAARVBMVEWQkJAZGRmgoKBqamqxsbH6+vr5+fnx8fHCwsJ4eHicnJwgICAAAAD///+jo6PU1NRnZ2eMjIwjIyPf398PDw9UVFQ9PT2duibxAAAADHRSTlMB0OyP/qI9/fv8qCB9xdeIAAAC30lEQVRo3u2a7ZajIAyGmVlsYNYQPoT7v9RFsVaraLdjO4PH/OmpeoDHvAkJR8YYu1SAJRtUF9ZZBV8fTV2wWQlVB1J91KVbIyLKBcoHiSjuwqqv+gimBTuES2KsAMP6GIYnyUlykpwkJ8kvJjGrVTKYYkjMVkFtSiEBDM2KBYRSSHAjihBPkg0LSh+DRINy6pUkXZCvkQSd7K7i1kYZv1iLh+V5hYxl+vRJgU6+kUQrQiTFAcSwRk1IRkvqU7bp4SKdoOXkp2that+TSMB2LMvj1PJ9JHWtEFX3A3640K3WI6V06Iiu2xHBgNL7LGjDAUHGW9dla0wZMqLoHyCJ+RsmIPFKIuHdIMSNbhs9vOZxhUQ0bMPgtR2GdOkZtR6ULyOJC/adJ9BdtZ9I4h3eK8+6iNS/+tBRgFA6tNPQaEhKI+5GIpd29jyJSloQt4eDn8ZCCwI3vXgAE4aZzAtJRijmMZ+E5EWfKYMIMmWb6IeYkbi91CXntdZanFASV2Z8OVXQOJNHkdlFEtotThKKeiRORMpdOktistWnuL/jrl7ej6RDUZsR3+0n3NarJJQrPvXMWf2chGLHakWCqjdJhB5SqI0kNrNekzmBu9PWQALrLcTudZeaeg0y2xllpNLmMz+Tm0ns/idJWhcNVcs4SiBkgmQGUluZ7tA3O63V2nsu9juSkVg4jvaOZU/ZJZBBjvq93e8dSbtocX0rIwmZjLTI1rnwUd+q6pv/PpGIJHxywceQ0GlrGRa8/OI1QK7YzbE/dUoUAy4k8/nu3VCy6Qo5AQkyQ7Ul7KKy8ic1sZLZbCEfI/E0c4cIT7aDViyHCM82H5bTA0c4D5FEYYBzN52lP8+iPNHU73YG6RbShtlIir/zNDX2GHNDLJJk0QokKcJOkpPkJDlJTpKfJQF7CBDrWCUPQaI5u0BzAJDG/WGsEuWjNPyz+xDS6bJjxWr3+bf7OPUiXNFf2ToepcX+AWHLFr6gMmeQAAAAAElFTkSuQmCC) center no-repeat; } .page-top .top-google { position: absolute; right: 400px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 189px; height: 60px; background: url(data:image/png;base64,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) center no-repeat; } .page-top .top-app { position: absolute; right: 200px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 189px; height: 60px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAA4CAMAAACIVpmgAAAAPFBMVEVHcEz///8qKiqmpqampqampqYAAACgoKCmpqalpaUUFBTS0tLo6OhdXV2UlJS3t7c+Pj6BgYFubm5NTU2ZiB/6AAAACnRSTlMA////fIL/xRl3JVRpYAAABGlJREFUaN7tmoly4yAMhoPoOl0Ocb3/u64kwEfCNpmJt11mQmbaHNj+JH4dJL5caHz+uupZxvXX56WN3xp9hDlG9Kg/KvZVl2WmUfS1ehuWuQbo36TtybxdPf55+cBlvoEfl6ufkNtfLzpOyB31ZbqorJH55n5z/xPuYRib+Fx0x5y9+Qnu5NToulqpJ9JpcYqHNt/NbSxddvQ+vR0eO1sppzHUqRjK93GHv/B5RQY99KJVVryuVOEX+du4C69yHNqTQ+UwERZTvJwTolnAl9WerqXgsolWYZRPSpsBdGThk4P3cC43qVjhWCYmV2d6FbxoWPyb+QjXle/k3c0DbGkWySexHXlBDB+iLJzJbcfYSybxEDsIt1OWABjR0vOAbl0iIrItmwDyR5Gmq5C0nFY0qOmfw0RHmhO5U6K5ZmRP5usm4RanJrbCipAplsMuqskqWI+hJUCxm2YTMPBC8F/6NJ3AHbUjL7DXPHvFpiM7SExWofgWn46wGrDfQtYHkQV27ribHcRgrCuaH6Snp7hFcSzUelV+dgjORBL2PoseSCctUrE7DaqCug+oAnB8CncLCpkdhJi8LqOd5hXuoAYDjrKvAyUj7rhzi9rDJYxjZx649cpNoRk0PQK+yp1G2MEcykniEdhHm04SMeiWO+StGHRfv85dWhXjlanc+oGwn+Y2I2x72DO1l4bD0NekVlg0tjo6tM+h5W8jwSjcRnIhWx4bd0+n4dW49I9UIkHVvKZlOvokphG3yxzJeRWc9iVXc8gaKi9IZpYswqncdDZbYpJM9BK3HqnkpoiansYV6xt74aDVt2pXqkyLFFeaP3I/PcuucUON/fSqTuyA+9BZlNRfGsrvHJcxoe8pOmPa5Z6IIehsWmLhasCTk/jWp+ZijzrBy/p2A+7ylazssRz91L5hxO0n4B7pBCfgHsWlM8sPj8fcw7KD/z93HHHfpKmyngJ2Lb+hp8lbXhuTn1whw31ugRO4h4F5LPSLXc3w1BDpFrZIZR9CLlIqoW37d1bVxw0Pt7/ensGNQ+7DblLabEGKxXiNvexTX0cWQUrUnSbO47jt5bs74h035nwGN6ivFe417U4sFWs4eH4JNsbopEWU32VckPXg/tQQvENyNsCA+6x9sf66Q/EYHG0sFu72YFsG5CwPvBK+9ny1GzQsG25SXaqLEhez/nbDB7inQuEZbuMexCVhEHAkZs8WUGPEvYq3Ys7K7fK2HY177rLrMkFp5fI53NwvfdXH8rXZ0eTbrFwCg/SC5E7/pbJW5ft1KXLdWf7F33y4PYf7XimHQ9ByU0g8QKeDnUjB6e1CrkWEaTuDjftO31BO4m5bNZ3Q3vdVwE7FXWsLwS23e9vibP2SB2sXS9xWovUfxmXdf7SsDHdNZgmLtWurlWhLa+GmOzG25R/qXnrYJa2RHjdXP5v7wfcUPm4Fs1e7uN+C9ufmmXr5/t7+zf3mnvV311l/5571voJZ7+OY9b6Zae9Tmva+sCnvw/sDjH3qFMjGxuYAAAAASUVORK5CYII=) center no-repeat; } .page-top .top-exchange { position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 168px; height: 53px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_exchange.ec4820c3.png) center no-repeat; } .page-top .news-nav { z-index: 10; width: 169px; height: 81px; background: url(data:image/png;base64,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); } .page-top .news-nav:hover, .page-top .news-nav.swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/news_nav_now.690d6dfb.png); } .page-top .top-nav { position: absolute; -webkit-transition: 0.3s; transition: 0.3s; z-index: 10; width: 970px; height: 81px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-left: -145px; } .page-top .top-nav a { margin: 0 -5px; } .page-top .top-nav .a { display: inline-block; width: 169px; height: 81px; background: center; opacity: 1; } .page-top .top-nav .a:nth-child(1) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav1.793c8121.png); } .page-top .top-nav .a:nth-child(1):hover, .page-top .top-nav .a:nth-child(1).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav1_now.a6c49d1d.png); } .page-top .top-nav .a:nth-child(2) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav2.5ddc1482.png); } .page-top .top-nav .a:nth-child(2):hover, .page-top .top-nav .a:nth-child(2).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav2_now.c9ba61eb.png); } .page-top .top-nav .a:nth-child(5) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav3.16d514b8.png); margin-top: -2px; } .page-top .top-nav .a:nth-child(5):hover, .page-top .top-nav .a:nth-child(5).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav3_now.ca962438.png); } .page-top .top-nav .a:nth-child(4) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav5.87725b80.png); } .page-top .top-nav .a:nth-child(4):hover, .page-top .top-nav .a:nth-child(4).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav5_now.4f8f65df.png); } .page-top .top-nav .a:nth-child(3) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav5.87725b80.png); margin-top: 2px; } .page-top .top-nav .a:nth-child(3):hover, .page-top .top-nav .a:nth-child(3).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav5_now.4f8f65df.png); } .page-top .top-nav a, .page-top .top-nav span { display: inline-block; width: 169px; height: 81px; background: center; opacity: 1; cursor: pointer; } .page-top .top-nav a:nth-child(1), .page-top .top-nav span:nth-child(1) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav1.793c8121.png); -webkit-background-size: 100% 100%; background-size: 100%; } .page-top .top-nav a:nth-child(1):hover, .page-top .top-nav span:nth-child(1):hover, .page-top .top-nav a:nth-child(1).swiper-pagination-bullet-active, .page-top .top-nav span:nth-child(1).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav1_now.a6c49d1d.png); } .page-top .top-nav a:nth-child(2), .page-top .top-nav span:nth-child(2) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav5.87725b80.png); -webkit-background-size: 100% 100%; background-size: 100%; } .page-top .top-nav a:nth-child(2):hover, .page-top .top-nav span:nth-child(2):hover, .page-top .top-nav a:nth-child(2).now, .page-top .top-nav span:nth-child(2).now, .page-top .top-nav a:nth-child(2).swiper-pagination-bullet-active, .page-top .top-nav span:nth-child(2).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav5_now.4f8f65df.png); -webkit-background-size: 100% 100%; background-size: 100%; } .page-top .top-nav a:nth-child(3), .page-top .top-nav span:nth-child(3) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav2.5ddc1482.png); -webkit-background-size: 100% 100%; background-size: 100%; margin-top: 2px; } .page-top .top-nav a:nth-child(3):hover, .page-top .top-nav span:nth-child(3):hover, .page-top .top-nav a:nth-child(3).swiper-pagination-bullet-active, .page-top .top-nav span:nth-child(3).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav2_now.c9ba61eb.png); -webkit-background-size: 100% 100%; background-size: 100%; } .page-top .top-nav a:nth-child(4), .page-top .top-nav span:nth-child(4) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav3.16d514b8.png); -webkit-background-size: 100% 100%; background-size: 100%; margin-top: -2px; } .page-top .top-nav a:nth-child(4):hover, .page-top .top-nav span:nth-child(4):hover, .page-top .top-nav a:nth-child(4).swiper-pagination-bullet-active, .page-top .top-nav span:nth-child(4).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav3_now.ca962438.png); -webkit-background-size: 100% 100%; background-size: 100%; } .page-top .top-nav a:nth-child(5), .page-top .top-nav span:nth-child(5) { margin: -1px 10px; width: 218px; background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav4.d38b74d9.png); } .page-top .top-nav a:nth-child(5):hover, .page-top .top-nav span:nth-child(5):hover, .page-top .top-nav a:nth-child(5).swiper-pagination-bullet-active, .page-top .top-nav span:nth-child(5).swiper-pagination-bullet-active { width: 218px; background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav4_now.ece88711.png); } .page-top .top-nav a:nth-child(6), .page-top .top-nav span:nth-child(6) { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav7.ac8f62ca.png); -webkit-background-size: 100% 100%; background-size: 100%; margin-top: 2px; } .page-top .top-nav a:nth-child(6):hover, .page-top .top-nav span:nth-child(6):hover, .page-top .top-nav a:nth-child(6).swiper-pagination-bullet-active, .page-top .top-nav span:nth-child(6).swiper-pagination-bullet-active { background-image: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/top_nav7_now.d7860301.png); -webkit-background-size: 100% 100%; background-size: 100%; } .index-news { position: absolute; right: 0%; bottom: 258px; width: 409px; height: 136px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/news_bg.d39f79f3.png); z-index: 7; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; pointer-events: none; } .index-news.show { opacity: 1; pointer-events: auto; } .index-news .news_btn_of { display: inline-block; position: absolute; left: 117px; width: 20px; height: 60px; margin-top: 40px; } .index-news .new .content { position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 245px; text-decoration: none; font-size: 20px; line-height: 1.7em; color: #fff; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .index-news.now { right: -290px; } .index-news.now .news_btn_of { left: -20px; } .index-news.now::before { left: -20px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/news_btn.3e9947c3.png); } .index-news::before { content: ""; display: block; position: absolute; top: 0%; left: 0px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/news_btn_now.a1c4d7e3.png); width: 139px; height: 136px; } .index-news .news_btn { display: block; position: absolute; top: 0%; left: 0px; width: 117px; height: 136px; } .footer { position: relative; height: 650px !important; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAABwAQMAAADFWf8SAAAAA1BMVEUcFBJvUcHTAAAAMUlEQVR42u3BMQEAAADCIPuntsYOYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcQdpcAABj38cygAAAABJRU5ErkJggg==); z-index: 9; -webkit-transition: all 0.5s; transition: all 0.5s; background: rgba(0, 0, 0, 0.9); } .footer.now { -webkit-transform: translate(0, 0%); transform: translate(0, 0%); } .footer.now .footer-btn .arc { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .footer .copyRight { position: absolute; top: 350px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 900px; height: 216px; color: rgba(255, 255, 255, 0.3); font-size: 20px; line-height: 1.7em; text-align: center; margin-left: 70px; } .footer .bq { position: absolute; top: 480px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 735px; height: 216px; color: rgba(255, 255, 255, 0.3); font-size: 20px; line-height: 1.7em; text-align: center; margin-left: 70px; } .footer .ty { position: absolute; top: 590px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 735px; height: 216px; color: rgba(255, 255, 255, 0.3); font-size: 20px; line-height: 1.7em; text-align: center; margin-left: 70px; } .footer .ty a { color: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration: none; opacity: 0.3; } .footer .ty a:hover { opacity: 0.8; } .footer .footer-btn { position: fixed; left: 50%; top: -30px; width: 1098px; height: 30px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/footer_btn.87c5f751.png); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); overflow: hidden; cursor: pointer; } .footer .footer-btn .arc { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 12px; width: 20px; height: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANAgMAAADUPqbNAAAADFBMVEXu2cRHcEzu2cTu2cQ6COQIAAAAA3RSTlN/AGoIvGP1AAAARElEQVQI12MIDXUMDWUIDbUBkSH/RYFk9OGnQDJf5CeQ3BNqF8oQ9jHUfypD9FHH4KcM+aI2IT8Z9gBV2sHUQ/SCzAEAFhwaw/BBAxQAAAAASUVORK5CYII=); -webkit-transition: all 0.5s; transition: all 0.5s; } .footer .bottom { position: absolute; width: 100%; height: 404px; margin-left: -85px; } .footer .logo { position: absolute; top: 30px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-left: -195px; width: 195px; height: 195px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/footer_logo.2696a72d.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto; } .footer .text { position: absolute; margin-left: -57px; top: 30px; left: 50%; width: 681px; height: 216px; color: #ffffff; font-size: 20px; line-height: 1.7em; } .footer .google-btn { position: absolute; left: 50%; top: 250px; margin-left: -277px; width: 270px; height: 83px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/google.4d606c11.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; } .footer .google-btn:hover { opacity: 0.8; } .footer .footer-dl { position: absolute; left: 50%; top: 252px; margin-left: 278px; width: 249px; height: 74px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/footer-dl.99181846.png) center no-repeat; -webkit-background-size: 249px auto; background-size: 249px auto; -webkit-transition: all 0.5s; transition: all 0.5s; padding: 2px; } .footer .footer-dl:hover { opacity: 0.8; } .footer .app-btn { position: absolute; left: 50%; top: 250px; margin-left: 0px; width: 270px; height: 83px; background: url(data:image/png;base64,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) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; } .footer .app-btn:hover { opacity: 0.8; } .win-logo { position: absolute; left: 10px; top: 60px; width: 259.2px; height: 259.2px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/logo.2323cc3d.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; opacity: 0; z-index: 7; -webkit-transition: all 0.5s; transition: all 0.5s; cursor: default; } .win-logo.now { opacity: 1; } .year-logo { position: absolute; left: 260px; top: 60px; width: 259.2px; height: 180px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/year.05c061ae.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; opacity: 0; z-index: 7; -webkit-transition: all 0.5s; transition: all 0.5s; cursor: default; } .year-logo.now { opacity: 1; } .topic { position: absolute; left: 260px; top: 130px; width: 576px; height: 72px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/topic.56b60f49.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; opacity: 0; z-index: 7; -webkit-transition: all 0.5s; transition: all 0.5s; cursor: default; } .topic.now { opacity: 1; } .wrap { position: relative; width: 100%; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page-bg.d92d969d.png) #fff; } .sidebar-box { position: fixed; z-index: 10; max-width: 1920px; width: 100%; } .sidebar-box .sidebar { position: fixed; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 346px; height: 207px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_redirect.47863d61.png) center / cover no-repeat; } .sidebar-box .sidebar.active { top: auto; -webkit-transform: none; transform: none; bottom: 0; } .now .top-nav { -webkit-transition: all 0s !important; transition: all 0s !important; } .now .footer { -webkit-transition: all 0s !important; transition: all 0s !important; } .wrap1 { padding-top: 85px; -webkit-background-size: 300% auto; background-size: 300% auto; -webkit-perspective: 1000px; perspective: 1000px; position: relative; height: 1080px; } .wrap1 .before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1.1) translate3d(0, 0, 1000px); transform: translate(-50%, -50%) scale(1.1) translate3d(0, 0, 1000px); width: 100%; height: 100%; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/home_bg_b.337482f1.png) center bottom no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap1 .login-box { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1.1) translate3d(0, 0, 1000px); transform: translate(-50%, -50%) scale(1.1) translate3d(0, 0, 1000px); opacity: 0; margin-top: 385px; width: 830px; height: 78px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 3; } .wrap1 .login-box .google { display: inline-block; width: 273px; height: 84px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/google.4d606c11.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap1 .login-box .kv-pc { position: relative; display: inline-block; width: 265px; height: 84px; line-height: 84px; -webkit-transform: translate(0, 0px); transform: translate(0, 0px); margin-left: 3px; opacity: 1 !important; } .wrap1 .login-box .kv-pc .kv-dlBtn { display: block; width: 274px; height: 80px; line-height: 80px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/pc.1a0a5284.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap1 .login-box .kv-pc .text { display: none; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 389px; height: 200px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/dl_pop.d872491e.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .wrap1 .login-box .kv-pc .text p { font-size: 18px; color: #feeebd; line-height: 1.5em; } .wrap1 .login-box .kv-pc .text p::selection { background: #b69349; color: #ffffff; } .wrap1 .login-box .kv-pc .text p::-moz-selection { background: #b69349; color: #ffffff; } .wrap1 .login-box .kv-pc .text p::-webkit-selection { background: #b69349; color: #ffffff; } .wrap1 .login-box .kv-pc:hover .kv-dlBtn { -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap1 .login-box .kv-pc:hover .text { display: block; } .wrap1 .login-box .app { display: inline-block; width: 273px; height: 84px; background: url(data:image/png;base64,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) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap1 .login-box .twitter { display: inline-block; width: 146px; height: 52px; } .wrap1 .login-box .line { display: inline-block; width: 146px; height: 52px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/line.69fb4396.png) center no-repeat; } .wrap1 .login-box .login { position: relative; width: 253px; height: 52px; float: right; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP0AAAA0BAMAAACz/COzAAAAG1BMVEUAAAAAAABqamoAAAD5+fny8vLr6+uAgIC8vLwyHLP1AAAABHRSTlMIIpIW+k2BMgAAAbxJREFUWMPtmU1ywjAMhUNzAdouWLcssu20V7ChB5AEB4gM2zLTSQ7QQo9dyU5oOAASiz6byQ/MfHqW7ICpqhvQ272DHl9G/Oy5c9DhaQigbjofLQv/oeuTg/bdYV7s95wSWSvxtgzAa+dAV/HuoBWw6BN5jH+ifTfX4f9ERg8xaQLq5ps5kUPn9iT8WcfMEot9J9x9ZD6yj6jwSQLwaZvMR3LSMP7ops1t8KUapU2XBoPcywy48C/U47k5jD/tZRkuTf2b8wtVB0bOPPyPtuXk6OM/8wXPPv4xByB8Ms4/YAQUpiae8gvyrav3wgcJAEH8Y5n8ckQ0CeDsH7L/mNcgPSger95h4l+gkJOvFyl/IF69j/5V8hRWKuZQ5E0Ljf5L/eccoMSxsp1/MaiIA6U2hKRxQDDRuvBzMVKKitYajMlm+g31Fwb/KbXiO+r6F2z9q1bChQCgAVjV33ri/++pJ2dg7j+spt9/wEYT//GCb5r/4SLy8NQjAg++g/75ef135rdufP39VzdfbvzT0pUflV8tei/+u+4/VXduBVD23+qm97K/HPZffzxGYHsq+6/u+8/e++/u/z946hexHK+IQSO3xAAAAABJRU5ErkJggg==) center no-repeat; } .wrap1 .login-box .login .ts { position: absolute; color: #c2c2c2; font-size: 16px; top: 10px; left: 44px; } .wrap1 .login-box .login input { position: absolute; top: 3px; left: 46px; width: 130px; height: 40px; background: none; border: 0; } .wrap1 .login-box .login .login-btn { position: absolute; top: 0; right: 0; width: 66px; height: 53px; background: url(data:image/png;base64,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) center; } .wrap1 .slogan { position: absolute; top: 56%; left: 50%; -webkit-transform: translate(-50%, -60%) scale(1.1) translate3d(0, 0, 1000px); transform: translate(-50%, -60%) scale(1.1) translate3d(0, 0, 1000px); width: 1321px; height: 300px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/slogan2.1761725c.png) no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; opacity: 0; z-index: 3; } .wrap1 .slogan::before { content: ''; width: 1912px; height: 207px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/play_num.1a172713.png) no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: -10%; left: 50%; margin: -103.5px 0 0 -956px; -webkit-transform: scale(0.36); transform: scale(0.36); } .wrap1 .slogan .video_btn { position: absolute; top: 30%; right: -8%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 79px; height: 79px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_play2.3c674ddc.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap1.swiper-slide-active { -webkit-background-size: 100% auto; background-size: 100% auto; opacity: 1 !important; } .wrap1.swiper-slide-active::before { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrap1.swiper-slide-active .before { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .wrap1.swiper-slide-active .login-box { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); opacity: 1; } .wrap1.swiper-slide-active .slogan { -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); opacity: 1; z-index: 3; } .wrap1.now::before { -webkit-transition: all 1350ms 0s ease-in; transition: all 1350ms 0s ease-in; } .wrap1.now .before { -webkit-transition: all 1350ms 0s ease-in; transition: all 1350ms 0s ease-in; } .wrap1.now .login-box { -webkit-transition: all 1350ms 0s ease-in; transition: all 1350ms 0s ease-in; } .wrap1.now .slogan { -webkit-transition: all 1350ms 0s ease-in; transition: all 1350ms 0s ease-in; } .wrap1.now.swiper-slide-active::before { -webkit-transition: all 1000ms 0s ease-in; transition: all 1000ms 0s ease-in; } .wrap1.now.swiper-slide-active .before { -webkit-transition: all 1000ms 0s ease-in; transition: all 1000ms 0s ease-in; } .wrap1.now.swiper-slide-active .login-box { -webkit-transition: all 1000ms 0s ease-in; transition: all 1000ms 0s ease-in; } .wrap1.now.swiper-slide-active .slogan { -webkit-transition: all 1000ms 0s ease-in; transition: all 1000ms 0s ease-in; } .wrap1 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wrap1 .bg video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; margin: 0; opacity: 0; -webkit-transition: all 0s; transition: all 0s; } .wrap1 .bg video.tran, .wrap1 .bg video#video1 { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .wrap1 .bg video.on { opacity: 1; } .wrap1 .bg:before, .wrap1 .bg:after { content: ""; position: absolute; top: 40px; z-index: 2; } .wrap1 .bg:before { left: 590px; right: 780px; width: auto; height: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABwYAAAACBAMAAACgSKXuAAAAFVBMVEX///////////////////////////9nSIHRAAAAB3RSTlNlAVxPKRc//Vvk2gAAAVJJREFUOMvtk81ugzAMxx1aOMci4YxAu7eh41ym8ABopedCNd7/EfY3jAqm7kO77NJfEsdxPu0k1LYMLNsGctQn2oWO1rLB1p+8r0zt/ajwSWw12vwlb5wMUouIkcviEBcTfBNFkRcOvObZIekzl90lz1KkLJjYpICQdECSRiIWyT0t0SgVRUQd65Aw5Tt2tN/d7zmOUqFsk0DGVLIwK2bZvZaayEvHnukHwi/sGzkBVjofZ4tivfbmIsbRh+jTZL3QlRY/laZfUynsi217XFSqOGEDpbndo74o+zEyWkVwI/tQmE4HMndWLunPmNmBLl55s7UUVW6890DJ8ZScNduqlyB0nAVIM0/9+hU5vCOXTzi8uzX7oniW9eLrdUAuh7KzzYAwVIgInzupO4Zu5y9hK0jjGz9jfM2MWsw1Oo38oVNbI7cAH862Y1wt8YMHD/6TdyEwgKhB98ynAAAAAElFTkSuQmCC) center no-repeat; } .wrap1 .bg:after { left: 55px; right: 55px; bottom: 55px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABwYAAAACBAMAAACgSKXuAAAAFVBMVEX///////////////////////////9nSIHRAAAAB3RSTlNlAVxPKRc//Vvk2gAAAVJJREFUOMvtk81ugzAMxx1aOMci4YxAu7eh41ym8ABopedCNd7/EfY3jAqm7kO77NJfEsdxPu0k1LYMLNsGctQn2oWO1rLB1p+8r0zt/ajwSWw12vwlb5wMUouIkcviEBcTfBNFkRcOvObZIekzl90lz1KkLJjYpICQdECSRiIWyT0t0SgVRUQd65Aw5Tt2tN/d7zmOUqFsk0DGVLIwK2bZvZaayEvHnukHwi/sGzkBVjofZ4tivfbmIsbRh+jTZL3QlRY/laZfUynsi217XFSqOGEDpbndo74o+zEyWkVwI/tQmE4HMndWLunPmNmBLl55s7UUVW6890DJ8ZScNduqlyB0nAVIM0/9+hU5vCOXTzi8uzX7oniW9eLrdUAuh7KzzYAwVIgInzupO4Zu5y9hK0jjGz9jfM2MWsw1Oo38oVNbI7cAH862Y1wt8YMHD/6TdyEwgKhB98ynAAAAAElFTkSuQmCC) center bottom, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAANaAgMAAADe7XWwAAAADFBMVEX////////////////1pQ5zAAAABHRSTlM2FAEf6e/2/wAAAKtJREFUOMvdVIkNwzAI9CiMdqMx2o3SxvED2E3iVEql6oRJMDKfjsSkDZL4Fsl6+6o2zTYYvwp12H2jTfNrugQ0PUaZw/uhRPZ52Mw51CKHlXWrLMDX0XtrM5VHoMu5PwlM5ymhO7w1g/8GFqbvuWJvOHDoM+/2ObBwCIZLDHda9ghvA+3sUs9fwvL3CjjV/ZX6H2s9k9gRflUT3O492s043dzX9/w8KoKHkRew+kXQ4N4hFwAAAABJRU5ErkJggg==) 0 bottom, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAK2BAMAAACWXFBdAAAAGFBMVEX///////////////////////////////8pK8DIAAAACHRSTlNvdSwBNRdcR21YiMoAAAC2SURBVDjL3ZTtDQMhCIZNHOFGYARGcARGcAT2T3qiiFhNvDb90zyRjzd+cTkJOcQbFKhHO6IAgSUDsTmUPbjNSDIrSxSX5I3+S+rN+dEKq9eUeRY/vsnl/OXyqyln8T+xrvVzsvNmbag1X+Ah3sHydxdYshNStzYUGOIKNR2ahVuBI2ir6wuGr0mT1QpgWQ++VXcC9V5SPbVztE/VSrUH+ftVldygto6GL4GDdgpOGbrY9lydgS/jOGkTfcqcDQAAAABJRU5ErkJggg==) 100% 134px; background-repeat: no-repeat; } .wrap1 .bg .box-state { position: absolute; right: 38px; top: 120px; opacity: 0; z-index: -1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .wrap1 .bg .box-state.tran { opacity: 0.5; pointer-events: none; } .wrap1 .bg .box-state div { cursor: pointer; position: relative; margin-bottom: 14px; opacity: 0.5; } .wrap1 .bg .box-state div:hover, .wrap1 .bg .box-state div.on { opacity: 1; } .wrap1 .bg .box-state div:hover p, .wrap1 .bg .box-state div.on p { width: 116px; padding: 0 20px 0 0; } .wrap1 .bg .box-state .btn-day { width: 36px; height: 36px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMA1pQmfUxN7nxI6G4jAAAAvklEQVQoz23SMQ7CMAwFUEukUkeksHSrQMAK2djIDRAnQCysSEyMPUWV29a106rfTUbr2XFiE+VT38mebmcjtb9a1oWDYc6fnobF8KqQMSJCxogImCBkgoBltGSCNr8FE7T/9O92ZoKalNJ2Ylrpz6HvVE3QmSOpb5UpGvPGTGHa001CF700hocNOX+0icqgfGbQhDJoVRk+SBk8O1fDP9Te4Kczg3kIw6kVhlYYbWkBmNk1YbZaJoqrlSM3owFzFkGon7WYyAAAAABJRU5ErkJggg==) center no-repeat; } .wrap1 .bg .box-state .btn-night { width: 36px; height: 36px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAKlBMVEVHcEz///////////////////////////////////////////////////+LBpLMAAAADnRSTlMA1SdMffp+k5LIGjxitMmQH78AAADVSURBVCjPZdItDsJAEAXgl9AgANWU+iqQOJBU4GtGgaCCC8AN4AIIakhIisDXYzD4Hon9mXZ3llGbly/zNpsFeKI1wsmTMIniLGT5/JyE6LIKWD5fDCRTCJBMIUAwgyQzSDBGPtPoLZhG40IwjZ4tPGY2bVp/m6mrrnDM1lEBx+ydaAfHypmOplRzdEwxjE/qdKC7jZbZHpa9iD5AYxAsmxDRo2osYvZV2ZYRs1FJt7pDzLo6ONbXCeZQzzzEzEfMBDJMIsMCpFmANAuReu/07xdGPfoB+CQ5DqQDBuoAAAAASUVORK5CYII=) center no-repeat; } .wrap1 .bg .box-state p { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 20px; top: 3px; width: 0; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAeBAMAAAAP2ycoAAAAGFBMVEUbGxsAAAAAAAAYGBgAAAAAAACvr6/JycmkYtYBAAAACHRSTlMBMisLFiFnMB6Sy/gAAAGpSURBVDjLnVRLjoMwFIvEYtbJTA8AHfaRQGJbKbCvUnqF9gCVOtfv+6WEJAVpvHfs2O89pWLYDtCPgOmKaBi6gItQqqr7GobhT/B8Pm97sCoBvAGyrAvC7UfRn5SHxG4koF/vPTBNbT77jbhV13cOJSdkkmrdGJOSTerXWhv8zjOotsitETt+VcUJOycJB1VEIntWJcPwWZCdR1L17FcnzMMnv8CcOCZSNWR45flbZSAuGca/enaMdhPVU9kuqfI0tU0wvJNvpkpfDaqx4WMuygHTX7HXa9s2JdWSKDtG0XG+vtvJ/nrIzIqsQ8MzTbAMEyZsNlWtzLCT2V+4OrF8TIlqqRWmH1W9MOvthKuQk6NhmnlxZHPSnM4rosxSqJUCbpZhWuM3T8niyrkQsPSKpSbsyLF9f1VWLlpXU2d/TTZn1c0kV83zSOitfbVqHTAtOneDdjPVOGNiQq0Ot3WaopignILjS9RpFY5aL0fNRyFtX0QOSa6LDL+0owuy5rQQWVW+ypeJ/dZFVRlGdvp4POT43++3/eu/rE9HD5BdukxRTLoIc1L/xwvISdzafqEdiAAAAABJRU5ErkJggg==) center no-repeat; line-height: 30px; font-size: 14px; text-align: right; color: #fff; padding: 0 0 0 0; overflow: hidden; white-space: nowrap; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .wrap1 .bg .box-state.on { opacity: 1; z-index: 3; } .wrap1 .bg .btips { position: absolute; z-index: 10 !important; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .wrap1 .bg .btips:after, .wrap1 .bg .btips:before, .wrap1 .bg .btips i:before, .wrap1 .bg .btips i:after { content: ""; position: absolute; left: 0; top: 0; width: 45px; height: 45px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform-origin: center; transform-origin: center; border: 1px solid #fff; } .wrap1 .bg .btips:after { background: #fff; -webkit-transform: scale(0.13); transform: scale(0.13); } .wrap1 .bg .btips:before, .wrap1 .bg .btips i:before, .wrap1 .bg .btips i:after { -webkit-transform: scale(0); transform: scale(0); } .wrap1 .bg .btips:before, .wrap1 .bg .btips i:before, .wrap1 .bg .btips i:after { -webkit-animation: tips 2.1s linear infinite; animation: tips 2.1s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused; } .wrap1 .bg .btips i:before { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .wrap1 .bg .btips i:after { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .wrap1 .bg .btips.on { opacity: 1; z-index: 3; } .wrap1 .bg .btips.on:before, .wrap1 .bg .btips.on i:before, .wrap1 .bg .btips.on i:after { -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes tips { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } } @keyframes tips { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1; } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } } .wrap1 .bg .btips:hover { opacity: 0.8; } .wrap1 .bg .btn-start { position: absolute; left: 50%; top: 55%; z-index: -1; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin: 130px 0 0 -6px; } .wrap1 .bg .btn-start.on { opacity: 1; z-index: 3; } .wrap1 .bg .btn-start:before, .wrap1 .bg .btn-start:after { content: ""; position: absolute; left: 50%; } .wrap1 .bg .btn-start:before { margin-left: -42.5px; width: 85px; height: 34px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/start.c8f16315.gif) center no-repeat; } .wrap1 .bg .btn-change { left: 50%; bottom: 38%; margin: 0 0 0 -56px; } .wrap1 .bg .box-pro { position: absolute; right: 80px; bottom: 50px; z-index: 3; width: 138px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAOCAMAAADHeHSYAAAATlBMVEXi4uIAAAD///8AAAAAAAAAAABHcEwAAAAAAAAAAAAAAABeXl7g4OBWVlYDAwP9/f339/f9/f3///////////////+wsLD///8iIiL29vak3zbsAAAAGnRSTlPmB+oTnjsAgB6PKmjTvaenQdAjLGGK0zWkUXuS/aEAAACnSURBVDjLzdXBDoMgDAbgtjAmKBQUUN//RVd3mcnulT9pOPKFQgH3C6KZVGMQb9vDTWLCSznB4D8ls0jmBVRTZrFw/lFWWXbKl6THZNWSYl/Ekml3XwS4jZrUeUliOrxijhQvy0mba1KwUi2NKk4isd6/FeO9FcuElVqptEJh6Q47DL0nqyoRi02dAzqWHnEZ6VQGuisjvaD7XIGH58po03asP+jpfACGdC/OjxxnzQAAAABJRU5ErkJggg==) center no-repeat; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .wrap1 .bg .box-pro.on { opacity: 1; } .wrap1 .bg .box-pro .pro { width: 0; height: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAEBAMAAACgiHaSAAAALVBMVEVHcEz/4X7/4Xr/4XX/4n7/4XP/6oz/6Hv/7JX/54T/2mz/1F3/4Wj/8qX/yUqQbP1rAAAABHRSTlMA4ytIFkA8qAAAAL9JREFUCNdjYJLtdmuPSCnP9G0vyag8UpI5O7Ws3OVIhmdqaVRUSFrW61NtaR5TKmYd8exYMuVoWEfYvF1ts8uiFxowMEaEzA05NsVzytm0tJ7jKVk1kR0e7q7r0iunhJTt9lre6hNVfr3talioq/u115keoZ6l63a7peZFewUxMElMn5s2bWuUV8eyTLeO2mnhR3ozokNDXb22lmzdHTWt/Yh71NIbpUtX16RNdfE5mhm5aveqko4ob0cDBrIBABMeUCzGFf9jAAAAAElFTkSuQmCC) center no-repeat; max-width: 114px; margin: 5px 0 0 12px; } .wrap1 .bg .box-pro p { position: absolute; right: -40px; top: 50%; width: 40px; margin-top: -9px; font-size: 16px; line-height: 16px; color: #fff; text-shadow: 0 0 5px #000000; text-align: center; } .wrap1 .backflow-query { position: absolute; right: 70px; bottom: 90px; width: 255px; height: 276px; background: url('https://cdn-os.qookkagames.com/xfu/s3g/u0hp8exdqf/img/pc1.png') no-repeat center 1%; cursor: pointer; z-index: 2; } .wrap2 { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page2_2.ffc56feb.jpg) center / 100% 100% no-repeat; height: 920px; } .wrap2 .title { position: absolute; top: 80px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 566px; height: 55px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap2_title.a5c051cf.png) center no-repeat; } .wrap2 .center { position: relative; width: 1200px; position: absolute; top: 120px; left: 50%; -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%); } .wrap2 .banner { position: absolute; left: 0; top: 0; width: 741px; height: 414px; } .wrap2 .banner a { display: block; } .wrap2 .twitter { position: absolute; right: 0; top: 0; width: 1200px; height: 789px; overflow: auto; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/twitter.5d33c6a5.png) center / cover no-repeat; } .wrap2 .twitter .twitter-timeline { display: block; width: 100%; height: 100%; } .wrap2 .twitter .twitter-link { position: relative; display: block; margin: 690px auto 0; width: 270px; height: 60px; } .wrap2 .support { position: absolute; left: 15px; bottom: 10px; width: 288px; height: 45px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/supplier.cdbc4b9c.png); } .wrap2 .support .logo-game8 { display: block; position: absolute; right: 65px; bottom: 0px; width: 80px; height: 40px; } .wrap2 .support .logo-gameWith { display: block; position: absolute; right: 0px; bottom: 0px; width: 50px; height: 45px; } .wrap2 .wrap2-news { position: absolute; left: 0; top: 430px; width: 741px; height: 360px; background: rgba(247, 233, 214, 0.4); } .wrap2 .wrap2-news .wrap2-top { width: 100%; } .wrap2 .wrap2-news .wrap2-top .more { position: absolute; top: 13px; right: 35px; width: 81px; height: 17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAARCAMAAAC/+5/SAAAAdVBMVEVHcEyWMRWPLxWFKh2NLheLLReVMRKXMBaFLhKqOA2YMRWJLBqIKxyhNRCKLBukNRCnNg6lNg5iJhNpJxJ1KxGkNg6lNg+oNw6gNBGXMBZ8JiFLIBVTIhRfJROWMBWgNBGKLBmoNw5+JyCPLhmEKxpSIhRjJhMI0QX5AAAAHnRSTlMAINHAQOovgBLAwJCoTmCl8NBK0/3fkGBgcOCgBr7MhUelAAABU0lEQVQoz53T6XKDIBAA4EVOBa9EzVkBMXn/R+yumqb9lanMiAvyLQIK8K9iYGc53PbCx+2+hddpmsTyFhhc1Uf4lnyaHN0rdJ/XeHw8vjapcSa2JuAfd+Jujs/n1/pAy3m2AGyeZ4LMcm4xUaUzLhw+EI676vecL6ltCNKA5iEgVDI4F0IFWcDuEEobuAjBbkwcUHbdkaTWLqUKZJVSASBTBuCSZAYjI6m3ApsS2zanU6A6lAsU45ipDOsCsMLkehwvUGBzDUVN7RVaMNk8S7FAyFCeF4jjNBDXGywwpCJe+2VwDXI5NYRn770R3hdQeo/wQnXhCQ7e/zlbg5OsjqBpfE2mpSjfRrfYBMp5plv9dv26XtX3CoZYqibGWMMpxhNeAwWRRtexZ0w325li9s1BjgVYAwMFuYIyj7E9rf358kZ9bOrXt1DGdt8PUu50wH7cN/WwG39Y/wLGAAAAAElFTkSuQmCC) center no-repeat; } .wrap2 .wrap2-news .wrap2-top .more.now, .wrap2 .wrap2-news .wrap2-top .more:hover { opacity: 0.8; } .wrap2 .wrap2-news .wrap2-news-nav { width: 480px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wrap2 .wrap2-news .wrap2-news-nav a { width: 160px; height: 46px; display: block; } .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav1 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAQCAMAAABp2XLsAAAAS1BMVEVHcEyeMxOOLRqEKR6eMxKgNBGHKhyWMBacMhOWMBaFKR2QLhiBKB+XMBafMxKKLBueMxKMLBqQLhmQLhmAKCCkNQ+eMxOZMRSJKxsejZRRAAAAE3RSTlMAYCBAQOx4EIAwwKbqULmQ1tDw9RcrWQAAATRJREFUOMutVNmShCAMlDORGwHh/7908RrHqTlqdrcfpGySDmmiw/AfGP8uoVh/AJMx+4MCtq1Me/aVlslKmbxCwUbRbKT0Gyu/0SJLRpRM52zozul8wHzXuTWya4yXPGmUktIyemOohGFk2tjdBnhnW2tv26Fth96sjIcfjDFEj2fVQbamPngxpeh1SlsYS5NSaUdrqU3nPKQ0wQcvaC+NKe1GxHQF3qSmlPxTLY724kQNx9zEGpFwzh8SINTJ16pXNS6Qc4uonRN1QbgrIqr/MPChinEgtQqyxs8PcGeb82w5fScl5rCYIHsaWaVLKUGvDXCCbtlEZ0k/6rJTCr6+H1Hc1oXrcUtRQPLonS330M+VwJVwuDv2sFczxkVAvlYAjvDiUIHcvZUAv/9J4PVzG2H4AUmkE0p9ZgPmAAAAAElFTkSuQmCC) center no-repeat; } .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav1.now, .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav1:hover { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAICAgICQgJCgoJDQ4MDg0TERAQERMcFBYUFhQcKxsfGxsfGysmLiUjJS4mRDUvLzVETkI+Qk5fVVVfd3F3nJzRAQgICAgJCAkKCgkNDgwODRMREBARExwUFhQWFBwrGx8bGx8bKyYuJSMlLiZENS8vNUROQj5CTl9VVV93cXecnNH/wgARCAAuAKADASIAAhEBAxEB/8QAMQABAQEBAQEAAAAAAAAAAAAAAAUDBAYCAQEBAQADAQAAAAAAAAAAAAAAAQIDBAUG/9oADAMBAAIQAxAAAADwmO2Pn/UgoAAAAAADr5OtMsdsQFA6/XRK++v5e9hQMvrx6b9r9TPvXF5ccfaAdfJ1plj6LK5hLpYS6IS6IS6IS6IS6IS6IS6IXXS6U//EADUQAAAEAwUDCwMFAAAAAAAAAAECAwQABREGFlOR0RJycxMgITEzNEBBUbGyFVJhFCJxgtL/2gAIAQEAAT8Acdutvm9/By/v7Pjp/KHHbrb5vfwcv7+z46fyhx262+b35zE7MjtIzxI6jetFCkNsmoPmUfUIFawpUl0WsrmjpYxaJnUOUlB/pDBsi6dJoKu02xT1DlVK7BR8q0icWZJLpU0mSU0QcpLKmTDYKYtRL9tesIZ2Lmr9mg8aLNVEFC9YqgXYN5kNWF7FP0Gi7lSYS2iSYnEnL1MP4CLOKs3v6SXFs6g6fbYgVc5zlIBBGomVKXrpFvfpyc4K3ZMCt+RTAqhilEhVN0vOl/f2fHT+UOO3W3ze/OkloXslFfkE0FSKgG0muTbJUOo0Ft/adNTaSdJJl+wiCYFhGdsFXj51NZOi7MvQwAQ5m4EOHDh3axo8lhJcrIm4IopmK2ooeqImio0pUaekBSoVHo84+vgzYqMpSiLcioUXXMNVlv8AJfwEO7Sne2dayly2Koq2Uqi5Ef3FJ9vOl/f2fHT+UOO3W3ze/g5f39nx0/lC0geCsqPKI9JzeY6Rd97iI5jpF33uIjmOkXfe4iOY6Rd97iI5jpF33uIjmOkXfe4iOY6Rd97iI5jpF33uIjmOkXfe4iOY6Rd97iI5jpF33uIjmOkXfe4iOY6Rd97iI5jpF33uIjmOkXfe4iOY6Rd97iI5jpF33uIjmOkXfe4iOY6QykLwr1qYVEehYg9Y+v8AEf/EAB4RAAMAAgEFAAAAAAAAAAAAAAABEQISECAwUqHh/9oACAECAQE/AOyuhPFL4LWMuPj7KtZyiMjIyMjIyMjIyM//xAAmEQABAwMCBQUAAAAAAAAAAAACAAESAxFRITEQEzJBcTAzQlJi/9oACAEDAQE/AG2b0S6X8Jtm41BqkWjaN+3ZE9aYWF7fLayjWv7jWv8AVQPnNUi8bu1pZ78S6X8JjGzaqY5UxypjlTHKmOVMcqY5UxyiMbPr2X//2Q==) center no-repeat; } .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav2 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAQCAMAAAB9TOwNAAAAV1BMVEVHcEymNg+ULxejNRCWMBaYMRWULxefMxKJKxyEKR6cMhOGKh2HKh2MLBuVLxaiNBF9JyGXMBWHKhyBKB+hNBGjNRCFKh2CKB+nNg6YMRWMLBqSLxihNBG3jHAPAAAAF3RSTlMAQGDsIDCggECCwN7AUHAQwNDwEJCwsJ4Ua5YAAAGeSURBVCjPlVPZtqQgDGRfFFBcGlD+/zsnAe3W+zZ1DpitrBCUkL+Q5P9g0rh+nTmxd3YcZ+vXt8D8eZDnX2JZsNBYY7wVYIk5IexNQ0M8CCZFOxu2WKB5sBGNcelJphb20rnJ6QLWL56o5jibjFEJ0m70rWy9ya6RnDABs87F5ALMSXzSKJIi2KJNfRGX1vd4gGa7gumR4zoRk36UBD179EXi8WOC2ufoWD6WrRdZBeXcJjBvwINZ3eRjJF7F44jQPWs0FYw43PeN+rzAvqY+MQwvO8fxPOMAWyBSe3YOyOg7zjKWMmD/oRQByqEEY3QBMixfyqLxxlhZWpNlgMPh3uAL34tupip4IVtRnYgrlH3qdaU0JaAVQCcQziWt3db4nDivCkxKVYXYdHGnWtuzDkSGQfUohUpftdTg8kpBuAJL6Yp4DDrW3imv0+MzzVnzrPfMN545nC1DUeQqg3JuNErDFnPm/Y/ZoFADhubuGRJCQjpDgIENPUoNRNYKaEZwfQtuuaOflOmA45QU92nvAoL+LlIzOj2/Muil1ZJ/VSQdLfwerDcAAAAASUVORK5CYII=) center no-repeat; } .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav2.now, .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav2:hover { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAICAgICQgJCgoJDQ4MDg0TERAQERMcFBYUFhQcKxsfGxsfGysmLiUjJS4mRDUvLzVETkI+Qk5fVVVfd3F3nJzRAQgICAgJCAkKCgkNDgwODRMREBARExwUFhQWFBwrGx8bGx8bKyYuJSMlLiZENS8vNUROQj5CTl9VVV93cXecnNH/wgARCAAuAKADASIAAhEBAxEB/8QAMQABAQEBAQEAAAAAAAAAAAAAAAUDBAYHAQEBAAMBAQAAAAAAAAAAAAAAAQIDBAUG/9oADAMBAAIQAxAAAADwmO2Pn/UgoA3MHRzodGZmarkAB18nWmWO2ICgXfq/z2nu4PS6+OoZacuKJRw6PS8cfjTzA1dwDr5OtMsfRZXGEulhLohLohLohLohLohLohLohddLpT//xAA1EAABAwIDBAgFAwUAAAAAAAADAQIEAAVTkdEREhMWBiAhMTM0cnMQQVKxshQyQFFhcYLC/9oACAEBAAE/AJHjm9bvv/Dt/n4fvj/KpHjm9bvv15EaRFK4MgBBFTvYRqscm3+y0KJJMIxRAI8YURSOa1VRiL83fCNElS3qONHKZ6NVytGxXqiJ89iUUJQvVhRuY9O9rkVq5L8CgOHh8UT2b7EezeaqbzV7lTb3p1rf5+H74/yqR45vW779axLFWQ4JbI65EJsQbGleNW7PRV+iOP0hfwYVhI/f8KQZOOfebsqwR4aLPjBtQhgkyCfqASTNVzGAZ2M2b2399W4xAGsgSwbazj3ArCMAxhBo1o2qiMVd6rTZpb7POuNvcseYlzeFJPHUDWAa3edV+gX+bCFOl3iHcARnINxQFR/B4n19iU+1WNnRWPHNd+MxlxftLEC4iudw9u5XTF1gFGtg0BMfKW0Rkjve5rEaxO7fb9XWt/n4fvj/ACqR45vW779bordrVCBdI04hwLJaJGyAJtejWO2uZ/tUm9dELhdT3OUG4COkpCs4W6qEazYjW03pTFCe6XkLNt1lnVrBvbtGIP8A0rqi9MbDESA8Np3OHLIdR4O+1PCqFIhSymj3K5SgQt9xWMG3iJvqv01KvFlhWmZbbMKS5Zas48iRsRVaxdqI1rasF+gxbesGWSWBWTP1QJMbdVzHqzcVFR1dJJ1snlbIDOnypK9j3yGMY3cRO5qN61v8/D98f5VI8c3rd9/4dv8APw/fH+VGsExTFXiB7Xu+a6Vy/NxA5rpXL83EDmulcvzcQOa6Vy/NxA5rpXL83EDmulcvzcQOa6Vy/NxA5rpXL83EDmulcvzcQOa6Vy/NxA5rpXL83EDmulcvzcQOa6Vy/NxA5rpXL83EDmulcvzcQOa6Vy/NxA5rpXL83EDmulcvzcQOa6VCsMxs2K5SB7DMXvX+v+K//8QAHhEAAwEAAAcAAAAAAAAAAAAAAAERAhASICEwMVH/2gAIAQIBAT8A8K6MtLPtC1n6VQely9pxRGRkZGRkZGRkZGf/xAAkEQABBAIBBAIDAAAAAAAAAAABAAIREgNRIRAgMXEyQUJhof/aAAgBAwEBPwAeB2SFImJ57HfE+kPA65mvdmJo+A0ieTMp2HKbGhMj+wq5BkHEmw/HwD+0zG8ZhYvgOJn366u+J9IPbA5V27V27V27V27V27V27V27V27Tntg8/S//2Q==) center no-repeat; } .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav3 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAPCAMAAACC0iwEAAAAV1BMVEVHcEyPLRmULxeBKB+NLBqLLBuiNRCMLBqYMRWLLBubMhSIKxyjNRCCKB+OLRmRLhikNQ+MLBqHKhyBKB+kNRB9JyGBKB+IKxykNQ+cMhOSLxiOLRqWMBaF75xIAAAAFnRSTlMAgGDwMMDAEEDQ8KAgIPDgilCwkKBwifuXVAAAARVJREFUKM+FkVmigyAMAMNmWNxtBdT7n/OxaW31tX6ogZkEEoDXw0c8RdAwDjfPJIbLGmezOoUETXCfz+YDE7O8M3PVxlAA7BSoqWHzbJofKg0M7jliEs6mGJgQ0bSuyK2Ko7Vkr25HZYMr81VxYqnsYFlKLSw9m0N7mNhaA5jcI296dYUQ1nZ032zGdW3XfAxUqyqft3bDuJYeisCuLYm7SJalk2KR2VyyEn/OplnaMqpAUrHEkOtNh5OILam11oUI6+Zkbts+zURKERP3qXbl84H5MW/pfbk+1MrrozeFrOFj4W1c3iceifYd/5+s3EWFh+tC9l4798Av5J2KFYfeOVfJr+Sdmvv24D9I2tdw715asJN/f1QOHj1elm8AAAAASUVORK5CYII=) center no-repeat; } .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav3.now, .wrap2 .wrap2-news .wrap2-news-nav .wrap-nav3:hover { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAICAgICQgJCgoJDQ4MDg0TERAQERMcFBYUFhQcKxsfGxsfGysmLiUjJS4mRDUvLzVETkI+Qk5fVVVfd3F3nJzRAQgICAgJCAkKCgkNDgwODRMREBARExwUFhQWFBwrGx8bGx8bKyYuJSMlLiZENS8vNUROQj5CTl9VVV93cXecnNH/wgARCAAuAKADASIAAhEBAxEB/8QAMgABAQEAAwEBAAAAAAAAAAAAAAUDAQQGAgcBAQEBAQEBAAAAAAAAAAAAAAABAgQFBv/aAAwDAQACEAMQAAAA8Jjtj5/1IKAPs+HP2ZgNsQAB2+p20yx2xAUCt7f83ub561X81rJQ24jnq/PbebXgY6AHb6nbTLH0WVzCXSwl0Ql0Ql0Ql0Ql0Ql0Ql0Qu3S7Kf/EADcQAAEDAgIGCAUCBwAAAAAAAAIBAwQABRbRBhEhMVOREyAzNHJzsbISIkFRUhRAEBUjMkJicf/aAAgBAQABPwCR273jL1/Z2/v8Pz2/dUjt3vGXr1wA3DEGwUjJdQiia1VVpUVFVFTUqU0y68aNtNmZqiqgiikuxNa7E/i3HkOg6bbLhg2msyEVVBT7kqbuvb+/w/Pb91SO3e8ZevWtNkuV3dMITCmgbXHF+UG0+5FRtwNFLQzNgOtTbhIccZSVvbZUN/R1a4MNmG7pFff64GZJHjqXzSXfyL/VKEmv5bKvWj8cA2D+qibziuBtF5tfxqJpIgw3oc+2xZbRdIQEooDgGe3WhDUCyxmLHMu12AkBxtW4Lev4ScdX/PwjWhzMZ+0aUMypSR2TYYQnVFTQPnq96PyLQjDqyY8iM/r6F5k0JD1da39/h+e37qkdu94y9esDzwA4AOmIGiIYoqohavvUu4xXdHLXAFV6diQ+Z7Poe6lIlFBUl+FFVUT6Jrqx3qVZZ7ctj5k3ONr/AGuAu8VqBdtHY3Ty3rKr8wnzJtoj1RmxXdsq73mfeJX6iY78RatQCmwAH8RSrNc4kSz6QxXiJHZbLQtIib1Ata9e39/h+e37qkdu94y9f2dv7/D89v3U9YJivOr0jO0y+q5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5Vh+bxGea5VCsMwZsUlcZ2PAu9fv/AMr/xAAdEQEBAQABBQEAAAAAAAAAAAABABECEBIgITBR/9oACAECAQE/APieHFAf3I5Fpnt2U7eJ1LGxsbGxsbGxsYG//8QAIhEAAgEDAwUBAAAAAAAAAAAAAQIAERJRAyExEBMyQXEw/9oACAEDAQE/ABwPxbxPyDgddVHZkBNULbqMU9x9FiCbqn0vC0xArFiFUopNWNefkRX72q11FLDanO3VvE/IHWg3l65l65l65l65l65l65l65l65jOtDv6n/2Q==) center no-repeat; } .wrap2 .link { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 830px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wrap2 .link a { display: block; width: 368px; height: 141px; } .wrap2 .link .link-cyg { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_cyg.f86f19bf.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap2 .link .link-cyg:hover { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_cyg_now.cbbe814a.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap2 .link .link1 { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_database.ff5fb59b.png) center no-repeat; } .wrap2 .link .link1:hover { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_database_now.70ff91ae.png) center no-repeat; } .wrap2 .link .link2 { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_story.3d7d2c69.png) center no-repeat; } .wrap2 .link .link2:hover { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_story_now.79d94b24.png) center no-repeat; } .wrap2 .link .link3 { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_strategy.4588a626.png) center no-repeat; } .wrap2 .link .link3:hover { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_strategy_now.c87469eb.png) center no-repeat; } .wrap2 .wrap2-news-box { display: none; width: 100%; } .wrap2 .wrap2-news-box.now { display: block; } .wrap2 .wrap2-news-box a { width: 680px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 1px solid #ecd1c0; text-decoration: none; height: 50px; line-height: 50px; } .wrap2 .wrap2-news-box a:hover { opacity: 0.8; } .wrap2 .wrap2-news-box a p { width: 580px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #665b5a; line-height: 50px; } .wrap2 .wrap2-news-box a span { color: #6b2502; } .wrap2.kv { opacity: 0 !important; } .wrap2.kv.swiper-slide-active { opacity: 1 !important; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .wrap2 .swiper-button-next { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAxBAMAAAA2D6QIAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADHRSTlMAWcAlCudFEpDYpnTPJsJAAAAA20lEQVQoz1WSsQrCMBCGK4iuLoLKjQUXh2yuxVcoOBdcOxSfoO/QwdXBB/AVWkhpax7KS5qk/2W6j4+E3H+XqATPKUOiVFCHksxZ0FghmUbQqJBMLkgrJHMP9LSkC0/bi8VeSLPztHaylfIr5C/Im5O1kIMtqyjfXB2inLhtqqPkTGiIkjMhs8gzk5UrRx2T7bV0lCdkW9044IoWxWntVbhlw3pE9Zr/6R+sICiTCpWh+qCaMN7Q+awGr0qRGInACJN21Ir5FUg9zl0XSDnui8a9owb37ChW8orwB0zBsAK+pj6vAAAAAElFTkSuQmCC); width: 26px; height: 49px; } .wrap2 .swiper-button-next:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAxBAMAAAA2D6QIAAAAJ1BMVEVHcEz653/653/653/653/653/653/653/653/653/653/653/65398Zh8JAAAADHRSTlMAle/LNQ4dTWOumICHxo6VAAAAvklEQVQoz33SvQ3CMBCG4SugpwMhlwga2qSisJjAEgt4hIzgEWjoMwIrQCjy46Hw2bK5T0pIlVePnFj2kSH5bKFUA9VDeQfVQ/kn1ATlN1AjlL/nunINuVZnzgdgZwCrf1gjWsAjv9qMbx3edgUPvDMnMZ5EwlM+iYRNqE+om0+fVb4lWl9iBRsL8bpCYRntC/H/dCGd9vkjKmQl1ZI6oArIzFA6+cHM3oOS1xCrlfVavvdpeV5wltzyDMJ8fgGmSqSBeuDn0QAAAABJRU5ErkJggg==); } .wrap2 .swiper-button-prev { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAxBAMAAAA2D6QIAAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMA2BdxViHn9jYKg6XCA2kV+1EAAADeSURBVCjPVdIxDoJAEIXhCUIiJDQmtkR6C09AS0e0wd4DeARKra218AQcgSMYCwsTKmNiYTFnkNld1jckFH++hpmBCJ4II62xpnusAyM1WCVDhQ1UWjHUhLEKrISh0lbi66o3dHXUIZ0NrWzEN4m3owtSkCHlSJGnYHhrT7nM7ymT+T0xPZs/MW0N7YY6DTOYKfm1IHrIRGZMnpldDNsBtJuzSJVbnUP5tKNHe40R3TnkmY9XtLh2uVFop/e41Gi29iG1trHiTl2sV0WdqkTVvcWSneC/VKgKVVGpKvwBL/fOXVjq0bkAAAAASUVORK5CYII=); width: 26px; height: 49px; } .wrap2 .swiper-button-prev:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAxBAMAAAA2D6QIAAAAIVBMVEVHcEz653/653/653/653/653/653/653/653/653/6538t2xJrAAAACnRSTlMAShGWzucofrhg70QAKgAAALVJREFUKM+Fkj0OwjAMhU2Q+LkCEwOqGGFlo2OP0L0HYOUIPQJbVKackjxD3GekQLavXxPZzxahExjkxrCMTBemTWIamY6JKIxMh0QUOiYoo1UPaj80AJ77v2rh1M6pVFVbU0jiYeossjaFJO6mchKkctV6K50EP8X8BWfSpso9yNDF8qbKKCyvVgtkI6UYfXbuYRJuoiYHJ5v+h3wHGp2szMjPT2Vt7hh8fV/8Ln3tGZLn/XwBcFWTgCkq6RIAAAAASUVORK5CYII=); } .wrap2 .szsz { position: absolute; top: 50%; left: 50%; min-width: 237px; height: 541px; margin-top: 80px; -webkit-transform: translate(-50%, -30%) scale(0.7); transform: translate(-50%, -30%) scale(0.7); opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .wrap2 .szsz .szsz-bg { width: 237px; height: 541px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/szsz_bg.f009076f.png) center right; -webkit-transition: all 1s; transition: all 1s; } .wrap2 .szsz .szsz-left { position: absolute; top: 0; left: -10px; width: 237px; height: 541px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/szsz_left.00535586.png); } .wrap2 .szsz .szsz-show { position: absolute; top: 0; right: 30px; width: 821px; height: 461px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/szsz_show.782dea9b.png); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-delay: 0s; transition-delay: 0s; } .wrap2 .szsz .szsz-show .btn-details { position: absolute; bottom: -30px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 230px; height: 133px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn_details.f1886cdc.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; margin-left: -138px; } .wrap2.swiper-slide-active .before { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .wrap2.swiper-slide-active .szsz { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; } .wrap2.swiper-slide-active .szsz-bg { width: 1116px; -webkit-transition-delay: 1s; transition-delay: 1s; } .wrap2.swiper-slide-active .szsz-show { opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 2s; transition-delay: 2s; } .wrap3 { overflow: hidden; height: 899px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_bg.b1d10787.jpg) center no-repeat; } .wrap3.make { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_bg.b1d10787.jpg) center no-repeat; } .wrap3.make .plan-box { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1920px; height: 870px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/jl.3c9d5a47.png) center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; margin-top: 28px; } .wrap3.make .plan-box.twitter { margin-top: 0; width: 1920px; height: 1196px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_1.5f47e984.jpg) center no-repeat; } .wrap3 .title { position: absolute; left: 50%; top: 80px; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 563px; height: 54px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_title.1121f65e.png) no-repeat center; } .wrap3 .plan-btn { position: absolute; left: 50%; top: 180px; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wrap3 .plan-btn a { width: 234px; height: 56px; } .wrap3 .plan-btn .make-btn { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_nav1.2070f3f5.png) no-repeat center; } .wrap3 .plan-btn .make-btn:hover, .wrap3 .plan-btn .make-btn.now { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_nav1_now.e8a0a6c8.png) no-repeat center; } .wrap3 .plan-btn .twitter-btn { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_nav2.06567bed.png) no-repeat center; } .wrap3 .plan-btn .twitter-btn:hover, .wrap3 .plan-btn .twitter-btn.now { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/page3_nav2_now.c3f7f1b2.png) no-repeat center; } .wrap3 .btn-jl-list { position: absolute; left: 50%; top: 180px; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 28px; height: 27px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAMAAABY1h8eAAAAZlBMVEVHcEzbqkxbKwPbqkzbqkzbqkzbqkzaqErbqkzbqkzbqkzbqkzbqkxLKQLHkz65fTLbqkzbqkypOw2dOAt7MwiJWh6hWR22aiedbSl2SBRcOgx0PA2FPw6uURmiRRKxSRVsLQWMMwhjx9WTAAAAIHRSTlMAUP1EGQxlgXtyBVsg+4ucKzX4+/i5wbCozt7j49Dh3hS4y9MAAAF/SURBVCjPfZLXkoMwDEXjgiUDsellCYn5/5/cK5xk28zqxQxHXfdyeVlZWFvX1hbl5ZeBNEZVMGWaX7y0rXLeMxF771Rrv9GiNs6H8eMK+xiDd6Yu3qxRPqwCYHjW4FXzpGWtfARZkJQ4LODRq7rM9Yywkd42CjVn3aJ1QV8jUVj1M3656uDaQgIVr3ohjjrbyMyLXllZ6cZFvaHapvU6rqAYhzeEoqfC+BGBRGBST+vonV/06E1xQdYtEXNISXraUgrOOEqb5K0rHjaG83QLRFNKqNZWvA1c1YCUblyZyjPTktKAPhvFtyfkAbBpgMMwDDIh/mVoxYvQGnYxH8eM3WAAQgBqotvpgHtR4tc0E4aXlR2TdCsLOu7Ia/ExTYC2qfh+nHPKhnbJ1koKCWgr5N/PDZ2hfY/JnY9fb95tvkrfz1jpeROmWXzyVaAD3LPr7zEfLN777n3PrATau6577PsDz05fSsga4jAL6B7zTw291CdV/6rvf92euf8q/hO8oB02PRjmQgAAAABJRU5ErkJggg==); margin: 14px 0 0 89px; -webkit-border-radius: 50%; border-radius: 50%; } .wrap3 .btn-jl-list.now { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAMAAABY1h8eAAAAolBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAADAwEAAAAAAAAAAAAAAAAAAAAkHg8AAABSRiZnVin03HvXtFi4jDaKekLHoEareibkyGl3Vx2TbCeJh2WTZx6ebR3w9NK6q2RAPCn388De37e5toWsnFmnfzHMuWnl6Mfi3ZbXwm27mEW5oFLq5rb69KbezXjU0aStqXLpzGyr/Iv5+c3+6orpzGz++KiQjNCyAAAAMnRSTlMAYjZeUFk/ZggUSCkacCKCj/33+p34/Perx5fX8/e3ePbbtq/cyufb2NzG5vnXza3+/CLhWYQAAAGmSURBVCjPfVLZkpswELTOkQQSCDAGO4CP9blncfz/r2VEYm9qt7LzgCianhl192JxL6W0jmOtlVp8LaUdlQZLUqfVFyiSXDACQJjgMvoXVjHlzFabX1ibyjJO4weqnBS2LstyU9cbPCor5B1VsRRJnj+lEMqmT3mePFBNRbJcVvCoarlMBNUzMeI2y5DW3bIsu+ILSbPM8ihQtWS3sQBIVuPHOI4fBRAoxhuTeiYm/oLNLt4fD6333hJGLr4LVEVFOyARhuGIz8MwJIKLYmgFVaHr+QUI6abpHcHzNFlOuX05h77awPaZCM72bx3Avu/fmIwMed4SoxexgX7HDDWCAaz7/oR7Okl2DZg4gM2JGOeoYV3TN+GGsSGnJjBx5m4L3CnUAolrhto4DttdmInb7qc1rhY+va8BbxB+m/Zh23DP4RX7alSqbXGidpy8DsksEfY9+oKZiIqD9wdBI8MKf5wVmrVdrVLGOUs/z7/aBldQ6YIQMnuCymbZ3ZXgJ0PPrn/8hPQaHPt0e05Cjn7XNTqd15gEp75lqCy/Zejn9P2c2/8k/jdhViPd2CNWHwAAAABJRU5ErkJggg==); } .wrap3 .btn-jl-list:hover { opacity: 0.8; } .wrap4 { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap2_bg.8d3145e8.jpg) center no-repeat; height: 830px; overflow: hidden; } .wrap4 .before { width: 100%; height: 100%; -webkit-transform: translate(0, -200px) scale(0.9); transform: translate(0, -200px) scale(0.9); -webkit-transition: all 1s; transition: all 1s; } .wrap4 .before::after { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 126%; height: 126%; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_bg2.484fe6b5.png) bottom center no-repeat; } .wrap4 .role { position: absolute; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; top: -19%; width: 996px; height: 1242px; right: 55%; -webkit-transform: translate(-100%, 0%) scale(0.6); transform: translate(-100%, 0%) scale(0.6); } .wrap4 .role.role2 { right: 55%; } .wrap4 .role.role3 { right: 53%; } .wrap4 .role.role5 { right: 55.5%; } .wrap4 .role.now { -webkit-transform: translate(0%, 0%) scale(0.6); transform: translate(0%, 0%) scale(0.6); opacity: 1; } .wrap4 .text { position: absolute; bottom: -10%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; height: 180px; } .wrap4 .text img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; height: 100%; } .wrap4 .text img.now { opacity: 1; } .wrap4.swiper-slide-active .before { -webkit-transform: translate(0, 0px) scale(1); transform: translate(0, 0px) scale(1); } .wrap4.swiper-slide-active .wrap4-container { -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; opacity: 1; } .wrap4.swiper-slide-active .wrap4-pagination { -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; opacity: 1; } .wrap4 .title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 605px; height: 54px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_title.c981c874.png) no-repeat; margin-top: -350px; } .wrap4 .wrap4-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -15%) scale(0.9); transform: translate(-50%, -15%) scale(0.9); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; width: 811px; margin: -243px 0 0 100px; } .wrap4 .wrap4-container .swiper-slide { width: 811px; height: 472px; padding: 1px 1px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .wrap4 .wrap4-container .swiper-slide img { width: 800px; height: 461px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrap4 .wrap4-container::after { content: ""; position: absolute; top: 0; left: 0; width: 811px; height: 472px; z-index: 1; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/img_frame2.bb23dbc4.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .wrap4 .wrap4-pagination { width: 1080px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50px); transform: translate(-50%, -50px); opacity: 0; -webkit-transition: all 1s; transition: all 1s; margin: 360px 0 0 0; } .wrap4 .wrap4-pagination span { width: 204px; height: 62px; opacity: 1; border: 0; -webkit-border-radius: 0; border-radius: 0; } .wrap4 .wrap4-pagination span:nth-child(1) { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav1.62b99030.png) center; } .wrap4 .wrap4-pagination span:nth-child(1):hover, .wrap4 .wrap4-pagination span:nth-child(1).swiper-pagination-bullet-active { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav1_now.c6037f8e.png) center; } .wrap4 .wrap4-pagination span:nth-child(2) { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav2.b8c8aa9a.png) center; } .wrap4 .wrap4-pagination span:nth-child(2):hover, .wrap4 .wrap4-pagination span:nth-child(2).swiper-pagination-bullet-active { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav2_now.2bb8350b.png) center; } .wrap4 .wrap4-pagination span:nth-child(3) { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav3.d47b6976.png) center; } .wrap4 .wrap4-pagination span:nth-child(3):hover, .wrap4 .wrap4-pagination span:nth-child(3).swiper-pagination-bullet-active { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav3_now.d9ebaf98.png) center; } .wrap4 .wrap4-pagination span:nth-child(4) { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav4.85c3d1c8.png) center; } .wrap4 .wrap4-pagination span:nth-child(4):hover, .wrap4 .wrap4-pagination span:nth-child(4).swiper-pagination-bullet-active { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav4_now.fb953486.png) center; } .wrap4 .wrap4-pagination span:nth-child(5) { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav5.00bd0020.png) center; } .wrap4 .wrap4-pagination span:nth-child(5):hover, .wrap4 .wrap4-pagination span:nth-child(5).swiper-pagination-bullet-active { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap4_nav5_now.8a2c39d7.png) center; } .wrap4 .swiper-button-next { left: 50%; right: auto; margin-left: 530px; width: 81px; height: 82px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABSBAMAAADeNSWrAAAAJ1BMVEX97d/86Nb75tJHcEyBLiCVSTvw18bOpJV9Kx59Kx59Kx63emqUNyhD00DBAAAADHRSTlO9vb0A+PTD0TKAheFPf80tAAAEl0lEQVRIx41XPW8bRxR8uxCiQs2+BwEq1OwuZLsVwIqqL7AAsokRXOWCFJDeDvIDAvg33E9gLwlBKpdyKv6ozOyeRN7xLFGFdKSGs+9j3uyjzCZ+vk28dy0Tb85vj0V2f307DjlvT2+PQ3YrmSCdQM5bkQnSCSQoZYL0EEnKKdJDZKGcID1AVsoJ0gNkt1aXNLkwJh0j521SE/FqH25fR3Z3IgGHO/Ej0hGSUWYicxxHOkJ2q+CigjJEGUU6RCLKJFKQ4tIw0iGyWxkgEafjAzYkHSBrLTN/+TCu6QDZrZl1LJVPfNwn3UfuUeLs5Iak+0h23BCoOCUhn/ZI95CkdDxUnblQn/dI95DdOlsG20XUlFB5pzmnHekOOW9VAnjc1Rdvgc0Hp9vVdIcsuvRR9GqBOIPGmtsL6QuyJk7kefOgar5HvkT6gkQtnQavRC4gEovOJOlOUs9IRunEXFY7b5oHlEst+QDxXdwOkd26NCVo1pOmWaBIOZXjfexJe+S8LY1mGeWkWZK076hYH2mP7FZeXA6l4O+aZvmrpECkJfF9+hWJxE3U2ECX3/++bLa/ZWSVVZFkqJFWZLdyyaWgqYT3rnla/kigQx80QluFtCBJGagLFAdZuM/bp+0nl1BbcCKvEmlBYiA9j6Iq+J8/ttvtj5U3qsqirzolEomLx3uOc45Cqn0GtGVS3qt6MUZKJBP3LiVwIKxkOfWkiQ5hvqYP5LxFQQwFYUzBwhlEXEjRTtWcPIoKSQHZrWNRRlAmZXr+4PSykGYkqlSioFHXMm/pQ3yNskSner5w6ReS/pcC3xBGdXp7Ld0KqkWRUgjP3XwwVyL9M0hAWREErO9v2ayiOlSR8fiMWl01j9m+E3mHlBCXR58ikDdtNJpWiiy+8nQtcW5bq9qHn8YPOH22WRcf9EnrpJ/cixTKFcXFWYbxMqPZTfVrl3PlvOwp/6U8LD17OSu/WefyGqNApJoWyjU7GQpJqJUHKc5QIkvuomfbp6fto5RUMDPVH4tCNmvGozwdMeT8fblcgjKWCXQhy7NCQOqCo3Q5jsGdNaRElYuY8WenOpCmenLGee6fZbNcoGmOskMKaadkkFIGYIV88iXmqHlMFhBLMb396QBpREcLjV0BuDCUJ2GkURS/P3EgjRKr9gTO0NxDMN60KOFiMMWzzUrog7CYQGegzaWITqJ9Q2dgTVUy5sMyOO+RIGcTjOF05DYkFfos4/xYPAFHU8RjByvdz+oR2nnzFWLJQR05D12RpAnZJjn5WEwcHgEFTDgtSX2APuTkS9UWPSWcTrg3SDHz6uTCOHeYa1MvUzcCSQGFojjx/AwMYPqWIakRGsug4zn/5OYiqWpC99HujL7n/LPbsNSU+QKJwo+2lgGynygpcnv11oakitvXeo62qyHypk3CvcKVS+vile1itrnLFvqhttc2ltr9cnOnEeXBZoX0neHK1CCvb1Y1fTbqYAU82ADhUlJWhrc2QJLipknp7a2S3Q+w8rc3VU5UcesjNurNHa6WYzZqkGo4bktnTY/b/EF67LeJ2ebYbyizm6O/9Ux/k/ofMYVC86vj8IoAAAAASUVORK5CYII=); -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.8; } .wrap4 .swiper-button-next:hover { opacity: 1; } .wrap4 .swiper-button-prev { left: 50%; right: auto; margin-left: -420px; width: 81px; height: 82px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABSBAMAAADeNSWrAAAAKlBMVEX859T969v97+JHcEzSp5iQRDft1MV9Kx6ALyF9Kx6ualv24NGFLyGYOiqrin+WAAAADHRSTlO9vb0A0fXEe+8458Fbde9qAAAEoUlEQVRIx6VXPW/bSBCdWQgpnGZ3IVzha3YHwjXXGLhCrdOlCXCVmjsDkgD/BP4IdgfkDyj1qXCT5irJSBVQXarA/C/3ZihZJEXLCsJCtsint/Px5oP0x4XXDQ3cnJaXIov3Hy9DTmeT8jJksZQB0gHkdCYyQDqABKUMkJ4ilXKI9BRplAOkJ8iGMsQT0hNkscw+eKLQJ+0jQQkYS6ZReR5ZLIhzwPk59kh7yOnMc/QEpKeepT1ksaQg3jsR8j3SLhJWEsWcFJmla2kXWcwdjs4UcbqT1CHtIKez7CRKYvUIv+hY2kHCSpwrSmmknUS1kbAyIz0elFlJuZOoNtIyngAALQgDUZu0hZzOYo7BvAnEXv/yuBxCFnMmXA5BD7TyiBa+HUmPSDhOHIIBwtXWw1zvwtHSI7KYmy4Jluaw3kJPFq5n0mfkdIZzMwhjYr6qNswEO+VI+ows5sghUkkuUVhXG/iGCHhyB9IDcjoLyWXwQZ30X1U9ivoD9HNMD8hiIRoXCIPo17+raqu6Y5XKwdI9ElbClxzt43NV6ekSBMcE2cd0jyzmlNnMFPkNlNWfUZP6uxqaG9IGCamHDFcQesn3u6r6+gDls6YWn41OG6Rm3ONZgIB+uQPlXz5mheIOzjFSQyI9Fm9kW9J9vdt9fSDYCWNQ0KgrIzUkrHQZJgW4Or57qut/8Rw1qoryuM1KqkgtSBbYiE/5UNe77/jXKyOs1ttOY6pISB1VoUJimQBYrx7Irtzoic19ILUgoWCcDg5Q1t858CcEA6SIB1xijSmQcNzqMbBnUNb1ivjqUbPKiRMlBMUhUTek1cMgEDyIRgk1rw2ph0D/DuqblDcESugMX+CkUX6SdFU9UoxBDcgqfjx+/48ioW8cgAAY8hsR9Nn4hKpidSsTkDg9Bb0Fj+z03bvg11veI5O3R6PSPILfUQucXEMqcv0o+8tr5wPlR4tS5mzaRFo08LtbolVDiVRZW5mUTeQXTo9Aj+M8UuQ3Q3mvTZys7TaRBykjHtA3AkAf6l21e4cKimYQ6kPw+/KgkAU50ruouTd3T7vqi9YaroQoQ1PpoBCVCMRuMSG+f3qqqlu3z5HNh0nZVjKkSyHE9PaNFscXdJOgedeIxKOSrXmxViNscPdAVreNllgb0KTsVJypBJYSW8VtGn3abGpXXKM8r43bN6Qb07xlclJ2O8MSFHo+fNLOsHFaRxrm1O0M2m0gOq0SVO5n5dQekpml321AisM9g8rTW+1gMFHEUex3MJAmRaqqPF8bMjC+jsuBTgub1DQnIa036PmWptNOq9lHnHQYSAjX26hl6VuzuzMRREvZ6R4QVxRQXe19oDtlVKMuWLe1PtteB/qTi6x9IOwIGLeHTH8aiiVQO3xSLY/KlybsAspXoQOJ6j1Og4GpbWP4MDfzuDyzCdh81QYX+ttVf7tAOIMqX6f7pDy7sWgbRLFlq/GzW5CoREz/o/L8ZrW0ZhIT0fnNqiHFuPZuUr62AaL2sTD5VzdAlRSOdn5Uvr6pLtBde1vVS9uvlsW4vGSjXvgTx1/c0k+t/MnN/wfeJi5/Q/mBt57hN6n/ASrbf7YH7fdhAAAAAElFTkSuQmCC); -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.8; } .wrap4 .swiper-button-prev:hover { opacity: 1; } .wrap5 .title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 506px; height: 44px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap5_title.05357141.png); margin-top: -325px; } .wrap5 .prize { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; width: 470px; height: 696px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/prize.15937e3c.png) center top no-repeat; margin: 100px 0 0 -200px; } .wrap5 .prize .prize_btn { display: block; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); bottom: 70px; width: 259px; height: 108px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/prize_btn.925f5ed8.png); -webkit-transition: all 0.3s; transition: all 0.3s; } .wrap5 .prize .prize_btn:hover { opacity: 0.9; } .wrap5 .twitter { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; width: 954px; height: 614px; margin: 56px 0 0 0px; overflow: hidden; } .wrap5 .twitter .twitter-box { overflow: auto; height: 714px; -webkit-transform: translate(0, -57px); transform: translate(0, -57px); overflow: hidden; } .wrap5 .twitter .twitter-box::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .wrap5 .twitter .twitter-box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); background: #707070; } .wrap5 .twitter .twitter-box::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; border-radius: 10px; background: #ededed; } .wrap5 .twitter .ie-twitter { width: 100%; height: 100%; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap5 .twitter .ie-twitter::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: #fff; } .wrap5.now .prize { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0s; transition: 0s; opacity: 1; } .wrap5.now .twitter { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0s; transition: 0s; opacity: 1; } .wrap5.swiper-slide-active .prize { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; opacity: 1; } .wrap5.swiper-slide-active .twitter { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } .popup { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 999; } .popup .success { opacity: 0; display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 619px; height: 309px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/pop.b5be496f.png); } .popup .jl-list { opacity: 0; display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 619px; height: 529px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/jl_list.b469780c.png); } .popup .log { opacity: 0; display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 619px; height: 309px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/pop_log.c236f2af.png); } .popup .log .text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 500px; color: #6b2502; font-size: 24px; text-align: center; } .popup .close { position: absolute; bottom: -20px; left: 50%; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); width: 76px; height: 77px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABNBAMAAAD+5Z+9AAAAJFBMVEVHcEyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCwd96x7AAAAC3RSTlMADSJ07dORva42VVSjbdUAAALaSURBVEjHjVa9jxJBFJ8FA4sVheRMbMzlKIwNhZpcrlEv0WIrPygMDUYTTWg4Y2xosLGhMQGbs6E1V53Csvr+Od987Ox7bway08DO/OY37/s9pdhKlh+H2Wb47bSrDqzlDNzane4FNR4CWa/uxlGdBbBVfI9yGdTzd7+O710++mxwEb7kDA+2XqLlCD//hLAfuH1Orjce4MYbiWpqFLNConED8SQKdi6vIq7g9uvHBNZKvWQbGWzWobw3cZtePhHXyCNPGdku6sRkRul6APO4Z1KAF/5jAcU+P5OjJr0i1lFlu5+w3RteyQj+ur8jqo5cK9j6NzVv41MQWV+17cpXb1kp+8HLK2OlBTwxXxPzJgoh9OhkMDWmz41tHeuZVGQFsLYy6f0WbLoxs6Br/hldMxgb0VyQCroTS6b3tXBXTkRBV5JpHv1nZjitLoTOk6FUO6NBGQMtQleRWUSztLKh8/FUkWkvDTBUcg9DuouATN+eqxvetZSOkmFoPFb34VoFdI0RTeU78BvtMVUBXZ9laBsFmHh7uKC+kGT4Ro4BwDJ7oo3EydAYBWq7FjkyTTgZhtwWYbyMTaAQZKqDsAx4UbgNQcVqwEbZaGIpJwtRAhDC0qD8RWFYAooQJmVLdDWdB7JJTTHNM0HXMQZZixqUt4F5xthNeAHJxggtlPAC96kms1jhUx4hFmDBLEJYvJXnnE7HG4ve8pjT6eiluaD8KaPTuUAzq+0Ny+h0ZpE8VeSsV9FZRJX1KfES+ixXJOtdJQkKes+Hk61FviKlzOVVpFuesr7J7lDSufpWVstUxE9J56qlq71Itgv62qCqvfhbWEtNg84xJpW8acvKUdAE+zntC67LJG+D7jygXaZuz2r66newA9bsp3W7c81eX3NyqDuH1JxqtBDRGUmK3IpPXOPY/PaMzm/vY/NbfBrsHpotjw/MlnUn1bpzb90p2szkH17DZvhFzuT/AemS12uTRb7tAAAAAElFTkSuQmCC); } .popup .video { opacity: 0; display: none; width: 800px; height: 450px; position: absolute; left: 50%; margin: 280px 0 0 -400px; } .popup .video video { width: 100%; } .popup .video .close { position: absolute; top: auto; bottom: -20px; left: 50%; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); width: 76px; height: 77px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABNBAMAAAD+5Z+9AAAAJFBMVEVHcEyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCyIMCwd96x7AAAAC3RSTlMADSJ07dORva42VVSjbdUAAALaSURBVEjHjVa9jxJBFJ8FA4sVheRMbMzlKIwNhZpcrlEv0WIrPygMDUYTTWg4Y2xosLGhMQGbs6E1V53Csvr+Od987Ox7bway08DO/OY37/s9pdhKlh+H2Wb47bSrDqzlDNzane4FNR4CWa/uxlGdBbBVfI9yGdTzd7+O710++mxwEb7kDA+2XqLlCD//hLAfuH1Orjce4MYbiWpqFLNConED8SQKdi6vIq7g9uvHBNZKvWQbGWzWobw3cZtePhHXyCNPGdku6sRkRul6APO4Z1KAF/5jAcU+P5OjJr0i1lFlu5+w3RteyQj+ur8jqo5cK9j6NzVv41MQWV+17cpXb1kp+8HLK2OlBTwxXxPzJgoh9OhkMDWmz41tHeuZVGQFsLYy6f0WbLoxs6Br/hldMxgb0VyQCroTS6b3tXBXTkRBV5JpHv1nZjitLoTOk6FUO6NBGQMtQleRWUSztLKh8/FUkWkvDTBUcg9DuouATN+eqxvetZSOkmFoPFb34VoFdI0RTeU78BvtMVUBXZ9laBsFmHh7uKC+kGT4Ro4BwDJ7oo3EydAYBWq7FjkyTTgZhtwWYbyMTaAQZKqDsAx4UbgNQcVqwEbZaGIpJwtRAhDC0qD8RWFYAooQJmVLdDWdB7JJTTHNM0HXMQZZixqUt4F5xthNeAHJxggtlPAC96kms1jhUx4hFmDBLEJYvJXnnE7HG4ve8pjT6eiluaD8KaPTuUAzq+0Ny+h0ZpE8VeSsV9FZRJX1KfES+ixXJOtdJQkKes+Hk61FviKlzOVVpFuesr7J7lDSufpWVstUxE9J56qlq71Itgv62qCqvfhbWEtNg84xJpW8acvKUdAE+zntC67LJG+D7jygXaZuz2r66newA9bsp3W7c81eX3NyqDuH1JxqtBDRGUmK3IpPXOPY/PaMzm/vY/NbfBrsHpotjw/MlnUn1bpzb90p2szkH17DZvhFzuT/AemS12uTRb7tAAAAAElFTkSuQmCC); } .news { position: relative; left: 0%; top: 0; width: 100%; height: 980px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/bg.8b14c50b.jpg) top center no-repeat; } .news::before { content: ""; position: absolute; top: 305px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; height: 16px; z-index: 2; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/bg_b.e269f206.png) top center no-repeat; } .news .news_tab { position: absolute; top: 320px; width: 100%; text-align: center; border-bottom: 1px #ccc solid; } .news .news_tab a { display: inline-block; margin: 5px 30px; color: #890d0c; text-decoration: none; } .news .news-main { position: absolute; width: 100%; top: 308px; } .news .news-main .title { color: #890d0c; font-size: 20px; line-height: 24px; margin-top: 10px; width: 720px; } .news .news-main .time { color: #848484; font-size: 14px; line-height: 18px; width: 720px; } .news .news-main .text { color: #4d4d4d; font-size: 14px; line-height: 18px; margin-top: 7px; width: 720px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .news .list { display: block; position: relative; width: 100%; height: 130px; text-decoration: none; border-bottom: 1px solid #ccc; overflow: hidden; } .news .list:nth-child(1) { margin-top: 7px; } .news .list:hover { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/li_bg.64c8c79d.png) top center no-repeat; } .news .list .content { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 720px; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; } .news .list .content:hover { margin-left: -50px; } .catalog { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 1000px; bottom: 50px; height: 34px; line-height: 0; text-align: center; z-index: 3; } .catalog a, .catalog .catalog-li { display: inline-block; } .catalog .catalog-num { line-height: 22px; width: 22px; height: 22px; margin: 6px 10px; color: #3c3c3c; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } .catalog .catalog-num.now { background: #8d2b27; color: #fff; pointer-events: none; } .catalog .catalog-num:hover { background: #8d2b27; color: #fff; } .catalog .minuse { display: inline-block; width: 73px; height: 34px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/minus.d04634c3.png); } .catalog .minuse:hover { opacity: 0.8; } .catalog .minuse.no { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/minus_no.a0fda3f5.png); pointer-events: none; } .catalog .add { display: inline-block; width: 73px; height: 34px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/add.91ba97fc.png); } .catalog .add:hover { opacity: 0.8; } .catalog .add.no { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/add_no.fc9c74c6.png); pointer-events: none; cursor: none; } .show-main { position: relative; width: 1000px; height: auto; margin: 0 auto; padding: 315px 0 30px 0; } .show-main .show-main-top { width: 950px; padding-top: 10px; min-height: 65px; margin-bottom: 10px; border-bottom: 1px #ccc solid; position: relative; } .show-main .show-main-top p { font-size: 14px; color: #7e7872; margin-top: 10px; padding-bottom: 15px; } .show-main .show-main-top p span { margin-right: 50px; } .show-main .show-main-top .title { font-size: 24px; color: #890d0c; font-weight: bold; line-height: 1.7em; text-indent: 2em; } .show-main .show-main-top .ret { position: absolute; right: 0px; bottom: 5px; width: 80px; height: 34px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/ter.d9c9d8e7.png); } .scroll { position: relative; top: 87px; -webkit-box-sizing: border-box; box-sizing: border-box; height: -webkit-calc(100% - 87px) !important; height: calc(100% - 87px) !important; overflow: auto !important; width: 100%; } .scroll .news { position: relative; height: auto !important; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/bg.8b14c50b.jpg) center -87px no-repeat #f2ede9; } .scroll .news::before { display: none; } .news-show { height: auto; } .news-show::before { position: absolute; top: 0; right: 5px; width: 1px; height: 100%; background: #ccc; } .news-show .show-content { font-size: 18px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 1.8; padding: 30px 80px 30px 20px; line-height: 2em; color: #7e7872; } .news-show .show-content img { max-width: 100%; margin: 10px 0; } .news-show .show-content p { text-indent: 2em; font-size: 18px; } .news-show .show-content b { font-weight: bold; } .news-show .swiper-scrollbar { opacity: 1 !important; background: none; } .news-show .swiper-scrollbar .swiper-scrollbar-drag { background: #9d5d5a; } @media screen and (min-width: 1921px) { .main { position: relative; width: 1920px !important; height: auto !important; margin: 0 auto !important; } .main .win-logo { -webkit-transform: scale(1) !important; transform: scale(1) !important; } .main .wrap1 { height: 1080px !important; } .main .page-top { width: 1920px !important; } .main .scale { margin-top: 0 !important; -webkit-transform: translate(-50%, 0%) scale(1) !important; transform: translate(-50%, 0%) scale(1) !important; } } .one { -webkit-transition: none !important; transition: none !important; } .one * { -webkit-transition: none !important; transition: none !important; } .wrap6 { width: 100%; height: 872px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap-sjgl-bg2.3f165bf0.jpg) no-repeat center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 70px; margin-top: -43px; } .wrap6::before { content: ""; position: absolute; top: 14px; left: 50%; -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%); width: 100%; height: 38px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAAmCAMAAAASnnaJAAAAUVBMVEVHcExMPQiEZSyulV4JCARIOQc4HgBFJQBFJQABAABeQBFJKgXJt4U+IwF5XS6ehUrx13XYtVf/8b+kdxqqnxzy1DninSjSrlHy4p3Yw4fnsjo9dqjbAAAAEHRSTlMAq/79E51PwEAs/Nh1bc2leYoxtgAABJ1JREFUeNrt3YFyojoUgGE5KSBBMEC9JLz/g96TIEp3Zzo7s7stWf+vHVurM+1Ew98o4ukEIFNvl8uFUQCAf2rLjgxcEsYhN2xfAHxW3waHd7lcTbheL2eGIiMUGDvnnYbhQOpvU5U4uv7aSxhM318Zi5xUDQl+6c3rvrmn+qnoKDBifs+FvOPgZjNJmOfBiJkZjYxIcW4o8OtuYLtdc+vTuFOfGR7uH29NZ99vODin5dX+LrMzZnCfXnX5zr9zOcTvXL77L9v/snfbsQh+3cec631zT8MOAaa+b01T2OG2/IdDm2ft77DorF2cmeaBEcnFstwGWzYsgl82wG6HAOPj8rcqxC3a3wmHJSJGtL+D897pqZFJzzMuWdAE35wUPBNMgAkwfshvU9rZ35ZlsgWOqm4lxP7enB9H72+xwCa0NSOTAzsti/Mzi2ACvAXYtq2NX9uOO8RrP/x8LsQ7XQBL0fHalqOqyj4YCTp7vffG+/HmnDEh1NxmGTh3hegS2AX2xXrNzWzXxvDG5j4C3JZlG7+asjrjVVVVVdq4X8882brrKhyQ3ixd0fvY31vsr7WxwDqR9SehLbt0DRz6JuxqO+ksC2JLPcuG58U2s6WJ4Y3N3QI8xxonbY3XFe8FIul+wB3hoLdQJH5d/46xv7HA41Zgmy5nnDKYaFb0gw3ui974aRv7XAGPAA4vPvAsYtb+xqd/13+YzBgLHH8aLw0Siwzg4H7aCQvAXzHfT9Ln/Ph+PTP/GiPifdj1VxdRMmmC9wXWTFszOAAZIMDAn2rsvDvz8WM70djGb+Pp9mXeXe8zmlo/aIJTf8dHfye7FtinS0ZNcLATBQYIMPBPZva5lv3Q2P25jxXeTh7JfX7/i961v8Guz/+mx5jv/ZVpehbYBL3KWuD1A8CRA8yz4kAW+25s/fWpv3br7+NR6LQG9muB2bsHyMCpYcdwPHaRP/OqiIO+RKzsNa3WG3vvr+z6u18DSzCxwC2vKGS64fB4+yMgA1U/fuivrn+nXX/3BR5NqwUumdoAAPz+8esKr9ENIXVWQ6vLXPMssDGiZU6XiPi+NaPhoHYAAPy+t64OXgtsHgUWY7YFsInvzHBfGUuQ2N+Sw7oDOcxshgA4vGYt8GCejzXHAt/Xv9pfl54ZluHeX+Y1kEF+ORw4kFGBZ0kFdo81cOpvemXwaKfYX09/gRzyq/UtKTCQS4GN39bA8ejPscD3/qYjU8o8BPoL5FLg8mQJMJBPge1s7see1AJP5tFfH/sb98Wa6C+QxwrYEmAgnwKbuqz3Bb731937W5Z1T3+BPPpLgIGMZmzVVWetsHm+C/DznYFjf89NVTVMaCCXFTDPAQP5TNm0Dn5PBfY354KJ61/vnWiK08E3mM5ALgEu2QsayIsWeFoLPGiChyH21279BZBPgfmHGcivwNK2qcDDsDjvgrSW/gLZFZghALKbtlV3vfYmLn2H1N/+eq3oLwAAfz3BzSUWOPigtL8XnkoCAOBLEhwLHLTAQ+wv4wEAwNcVeAqe/gIA8A1rYEt/AQD40gDHAvf0FwCAr18DX+kvAADf0GCGAMjW/55HfBj1x8UpAAAAAElFTkSuQmCC) center top no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .wrap6 .title { width: 620px; height: 55px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/wrap6-title.b872067d.png) no-repeat center; margin: 0 auto 50px; } .wrap6 .container { width: 1203px; margin: 0 auto; } .sj-cont { width: 100%; } .sj-cont .nav-sj { float: left; width: 177px; height: 539px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/bg-nav-sjgl.e3786d3a.png) no-repeat center; } .sj-cont .nav-sj .pull { cursor: pointer; width: 48px; height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAYAAAB3oa15AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFBRjdCNzU4NTcyQjExRUM5ODhBRTZCNDJBMzVFQTU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFBRjdCNzU5NTcyQjExRUM5ODhBRTZCNDJBMzVFQTU4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUFGN0I3NTY1NzJCMTFFQzk4OEFFNkI0MkEzNUVBNTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUFGN0I3NTc1NzJCMTFFQzk4OEFFNkI0MkEzNUVBNTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ymxYpAAACf0lEQVR42rSXyWsUQRTGyzIjAe9GE0+BMS5/RVyiEqNxiRsaRA8JXhTFuP0D6kXRi0g8KO4L7h4UDQl6iB4M0WAOBiIGkUjEKESM0fiVfA1NW1Pzarr6wW+Y7n5V7/uqqqdqptw/VH9MKbVPFY8+sBAMO3Ikfd0B68G45dlUcBFsULI4qvHRBk4JkheAp2CGI6eNJgrF7YDiT4IDmhe7wFmhiQ5Q4cjZD45Y7t+iOJv4MnDZQ3w72G2+RAYmQQu4JGg8nzPhMnEwYeIm2OgQb+o2CcVfAK3U/K9xFL9BMygHawQmOvhOfHKY+ANqwCbwy5KTo/h1QvFmILZRq4rPQNyEKfZQ0Nk8mpjpyDnMkQ8h/gHYHBdvM6A4zU1cJsViLk3McuRMWO5N45qXin9CTf8tQV2gwRhoAM8DmbCJXyvMfwZWgh+2h9rR0JioBy8FRWpoolIg/orgHYviBVhBLcrXgIlRsBy89jBR5RB/FawWiu9l7VFXkhZ0NAIWgX5B7hy+O1UW8ddAo1D8W7AYfCmWqIUdfgZLwIDQhJmJ2THxN8AqYa13oI41VSgDJoY4KkOC3DxnopriG4Q1PnjUUMmNTBKDoBZ0CX518lx2OWHfH7kxvvcRpJV/+ExxzmOJ1rFvlbUBE2/A0mK/EML4SvF9pTTWKQq/oonvKfr4BpaBnlI70ClHr5sv6FgJbaPdvjuNAB1gCXRycxr3aPOTe0JX2uIhDJh4VOiw5TgsPg5ROJQBE3fB1uRx13Jc3wLuhSoa0oDicWFH9G8pEebednA9ZMHQBkycAzsTJib5N/B86GJZGDBxGuyNXe8BZ7IoVKayi+NgOkf/RFZF/gowAGwYi9CDVpa2AAAAAElFTkSuQmCC) no-repeat center; margin: 2px auto; } .sj-cont .nav-sj .pull:hover { opacity: 0.8; } .nav-sj-cont { width: 177px; height: 496px; padding-bottom: 10px; } .nav-sj-cont .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .nav-sj-cont span { position: relative; cursor: pointer; display: block; width: 100% !important; height: 46px !important; line-height: 46px; font-size: 25px; color: #dea65d; text-align: center; margin: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; -webkit-user-select: none; user-select: none; } .nav-sj-cont span.pksj { height: 70px !important; line-height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-sj-cont span:hover, .nav-sj-cont span.on { font-weight: bold; font-size: 25px; color: #5d3728; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/bg-nav-btn.16db1aa4.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .nav-sj-cont span:hover.pksj, .nav-sj-cont span.on.pksj { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/bg-nav-btn-pk.06dcca46.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; line-height: 35px; } [class^="sjc-"] { float: right; width: 1020px; display: none; overflow: hidden; color: #fff; } [class^="sjc-"].on { display: block; } .big { width: 1018px; height: 415px; padding: 30px 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .big .btn-detail { width: 110px; height: 36px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/btn-detail.e2dbf62c.png) no-repeat center; text-indent: -9999px; overflow: hidden; } .big .btn-detail.none { display: none; } .big .btn-detail.show { display: block; } .big .btn-detail:hover { opacity: 0.8; } .btm { overflow: hidden; } .item { float: left; position: relative; width: 333px; height: 121px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 17px 0; margin: 4px 0 0 8px; } .item:nth-child(2) { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/tab_sjgl.3620ee70.png); } .item:nth-child(3) { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/tab_sjtj.40fe20fa.png); } .item b { display: block; font-size: 26px; color: #e0af5c; margin-bottom: 6px; font-weight: bold; -webkit-user-select: none; user-select: none; } .item a { position: relative; display: block; -webkit-user-select: none; user-select: none; } .item .btn-read { width: 72px; height: 20px; border: 1px solid #fafafa; color: #fafafa; line-height: 20px; text-align: center; font-size: 13px; margin-top: 10px; } .item .btn-read:hover { opacity: 0.8; } .item:first-child { margin-left: 1px; background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/tab_sjld.8ca6d6f2.png); } .item:first-child:before { content: ""; position: absolute; top: 2px; left: 2px; width: 328px; height: 116px; border: 1px solid #facd89; } .item:first-child b { color: #e0af5c; } .item:first-child .btn-read { border: 0; text-indent: -999em; width: 75px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAaCAMAAADIQlGKAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjYyQkU3QkM1NzBBMTFFQzhFNTlFNzFBNDlBRjdGNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjYyQkU3QkQ1NzBBMTFFQzhFNTlFNzFBNDlBRjdGNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjJCRTdCQTU3MEExMUVDOEU1OUU3MUE0OUFGN0Y1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNjJCRTdCQjU3MEExMUVDOEU1OUU3MUE0OUFGN0Y1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt+wy6QAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAATlBMVEVHcEz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+Oz/+OzRMkkJAAAAGnRSTlMAuId4ImZ7PfWIDy6a59dcimzIH02px8C3rmzeg2sAAAGzSURBVDjL5ZTbjtwgDIbtHrALGAyBHt7/RWszyWxmJytV6tytpRBA5uP3IYGfP15lv+ALvMq+fjZWgrr5i9aqbRDjo3cN6bxMGi5ZAbFzGlwBUIY72pRKMFM5CKEf8ORbxO4Y66WuCFmAevUTTbeNuDWmxncW+ujaQ0G/vK8xP7KGbaLMMCUUlQK1YcxiIGK73iQUNYXFdaqdTcWua4bNCSbSZb7M+JaDPCMPemNxI6I+bWjGysbJ7kmiepUvXLGYhwcRBTucWX65KBzTOAsFWyeeH9UxBEZdKaU+2jtWYszxNh1olWHpG1T5oI6bnc1E0aC9Y6/cO9v+zsoIucebLiNLT0EI4hMr7s+er1wmQ5AHXUms40R3VhI0f2XdnnVZkVd+TZf2mHIzr3ZmxeKNFGQsVuPVH4DMsz7FaP71xvIgOXPVc74GjqW/VJc4K7H3cSjWRO2KRfcYqRhBwok1j1j2GH3XdYWrb+iBpXYvjMHZuijfe+JfWcXOvLHmqUPbmaW5HKxbjBespvZBeCFXc63+slqhB7Y1WDXcCy4z7llww/p5/6v/zfr9/VX2B769zv4C+h0cKyr/TNsAAAAASUVORK5CYII=) center no-repeat; } .item:first-child .btn-read14 { width: 72px; height: 20px; background: none; border: 1px solid #fafafa; text-indent: 0; } .b-right { position: absolute; top: 9px; right: 10px; } .b-right a { position: relative; float: left; width: 18px; font-size: 14px; line-height: 16px; padding: 10px 12px 0; color: #d0b796; text-align: center; } .b-right a.none { display: none; } .b-right a:after { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 101px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABlBAMAAAB+XpT2AAAAIVBMVEXQt5bQt5bQt5bQt5bQt5bQt5bQt5bQt5bQt5bQt5bQt5bUeNY4AAAAC3RSTlMT1sPjrS+URm5agarLhQoAAAA6SURBVAjXY2BAAgFwWACFE8CwAQwXgGECGDrAoQIcCqBAAzwQVSXCBJiZCVAIsg9iN8QdEDfB3IgGADDAGQFWV/DrAAAAAElFTkSuQmCC) center no-repeat; } .b-right a:first-child:after { display: none; } .b-right a:hover { color: #f39a51; } .sjc-pksj6 .box-sjc .btm .item .b-right a:nth-of-type(3) { -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; -webkit-writing-mode: tb-lr; writing-mode: tb-lr; } .sjc-pksj9 .box-sjc .btm .item .b-right a, .sjc-pksj10 .box-sjc .btm .item .b-right a, .sjc-pksj11 .box-sjc .btm .item .b-right a { padding: 10px 8px 0; } .sjc-pksj9 .box-sjc .btm .item .b-right a:nth-of-type(4), .sjc-pksj10 .box-sjc .btm .item .b-right a:nth-of-type(4), .sjc-pksj11 .box-sjc .btm .item .b-right a:nth-of-type(4) { -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; -webkit-writing-mode: tb-lr; writing-mode: tb-lr; } .big h3 { display: none; font-size: 26px; } .big p { display: none; width: 440px; font-size: 16px; line-height: 32px; margin: 10px 0 45px; } .floatWindow { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/floatwindow.3b015675.png) no-repeat; position: fixed; left: 25px; width: 300px; height: 300px; -webkit-background-size: 100% auto; background-size: 100% auto; top: 500px; z-index: 10; } .sjc-pksj12 .b-right a:nth-child(1), .sjc-pksj12 .b-right a:nth-child(2) { width: 30px; } .sjc-pksj12 .b-right a:nth-child(1) span, .sjc-pksj12 .b-right a:nth-child(2) span { display: block; float: right; width: 15px; } .main.illustration .news { background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/bg.a890db3b.jpg) center; width: 100%; height: 1422px; } .main.illustration video { display: block; width: 710px; margin: 50px auto; } .main.illustration .cyg { position: relative; width: 990px; height: 534px; } .main.illustration .cyg::after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(https://cdn-os.qookkagames.com/wukongbuild/prism-appointment-jp/1.0.3/prod/static/images/border.638c0594.png); width: 997px; height: 545px; z-index: 2; } .main.illustration .cyg .swiper-container .swiper-slide { width: 100%; } .main.illustration .cyg .swiper-container .swiper-slide img { width: 990px; display: block; } .main.illustration .cyg .swiper-button-next { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAyCAMAAAB4dUvgAAAB11BMVEUAAABFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQB3WzNFJQBFJQBFJQB0WTBHJwJFJQBFJQBFJQBFJQBFJQBFJQCTelBUNQ1MLAZFJQBFJQBFJQCMayt4XTRFJQBFJQBFJQDx5bXo2arh0Z/eypTItIWklWyfg0CGYSOJai6CZi56YDJvVCxpTypmSiRcPxlZOxRPMAlGJgBFJQBFJQBFJQDk5sXp6cTx7bzi4bzs37Hk3q7i2ZrfxojUtnDVw5Le0obaxHHRuGXPvIvHrFu7nk6/q32xkUSkgjiyqYe4o3aZdC2ggDmZdzGVcCullF+lkVSki0iYejegiV2ScjCtlFyZgVadf0ipk2eMc0ixm26QaiiGbEN/ZTyXf1SQbCpgRSBhRB2VfFFFJQBFJQD2+dT8+cj++bb+9qL+643644Pz2Xnqzm3MpEnWs1XhwWL0+dm9kz6+lkO+lUH56Kv26bK/mEX3+NL8+Mf26rv046jv3aLr04703ITozn3x7sf46rL17q3+9qb2457z3p337pzq1pzr1pr+7Jfu2Zfx25b755P24I365orfwXbjxGjgwGLauV/PqVDva0ujAAAAb3RSTlMACDy4Ag0yBQuENjQ6h4GMIXuJLtxzKiXbvqtpYTgZEeTMxHdtQujekB4U/v7+/vzq6efk4N3Z19bRz8ixZllK/v7+/v7+/v7+/f39/fz8/Pv7+/r6+u3t7erp6eno6Obm5OPj4uLg39vY09PGpxe3mUzEAAACAklEQVQ4y5XU9VPjQBQH8KaXkDSpBtproUWOozh3B+fCubvj7lashhR3d/1jSbK7b2iWMkN+yuQzm9n9vn3PwHIFHGtI8HA+7/P0RGp3tDz15vMXo5j64Y/nmf1iNV6bPPzhSUNK42h48daNm9f5BBgBpXAsHIkufH3iREqvjIb2P2Y5XQyN4yoG90qyspHSK4PD28WPs5MZ/TnHEQ6tFj9yEIWESjEODhR165QR5VKC00UPrUlxKphlP8b+qTcP4pXlzHIdxkCg8D6lthqMI1OFbpOk1zsYA/0T984pL/CaEhxYbgdlXDkuRtVqgoOxNgtWu7PHKmlaRXAo1mwRGZTQ+0yLqGklweGY8klgteDnkRpttwkG1xpkM8dq9dzJNCXzmhIM7dbKPgEVe73DW2Bg+8o9vwlG55vS0nHJ6pU3RrLkLgFGGlVUV/7LM3KMZMqdgd8e+9FvJ8P/83IyhCTFAoB+bUNi6mgFspSJacAydBS7o9OGDUJYKMMhCGK5T7MYxHdwl8THChmCarMQ/AY2nL1qULIVVDIwa8pckOArt87ccyGCL8k1Ads6Ivgi/oLlO92bJ1GMr3VXU+otOY1gfNulu9RmJT6M76h2UILH+AkaicbP0IJ0f36B5qX789slbf8dBgaNP8HoDf2ihxS0/V96vEHbt8JgvNJIvXQYnwG8KNiKGiBIvAAAAABJRU5ErkJggg==); width: 28px; height: 50px; right: -70px; } .main.illustration .cyg .swiper-button-next:hover { opacity: 0.8; } .main.illustration .cyg .swiper-button-prev { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAyCAMAAAB4dUvgAAABy1BMVEUAAABFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQBFJQB4XTR0WjBFJQBFJQBFJQBFJQB3WzJUNQ1MLAZIKAJFJQBFJQBFJQBFJQDn6MXu4rPn3a7hzpnCrn+Xcy6klW2egDujiUWqlF6NayqPby+GYSOTek+Jai6VfFKDZi56YDNvVCxpTihlSSRgRB5dPxlZOxRPMAlGJgBFJQBFJQBFJQBFJQBFJQBFJQBFJQDx7bzi4bzn16fj06Hi2Zriyo7Yu3jbyZbVw5He0obaxXLSuWbQvo7Kt4fHrFu7nk6xkUSlgziyqYe4o3aZdC2lkVSYejegiFyZgVapkmaegUuMc0mxnG6OaCWGbEJ/ZTyXf1SOaCaUfFFFJQBFJQD3+dT8+cj++bb+9qL+643644Pz2Xnqzm3Ws1XMpEnhwWL1+dm/l0S8kjy9lED36bLt25/8+Mf16bj35qf14Z/s1JD644T13X/AmEbx7sf16r317q325qz66av56an+9afy4ab37pzo0pf+7Jbx25Xt15X75pD34I765orw2ITq0H/lyXvgwnfkxmvQqlJCJkgcAAAAanRSTlMACDsLuDQCBYuDIYUyiDcsejAQYScY3turgHNq3MzEv492HhT+/v7+++3r6+no6Ofn5OTj4N3Z19XT0c/IsX1vbGZKRD/+/v7+/v7+/f39/f38/Pz8+/v6+vrp6ejm5OTj4uLg39vZxqdW6jIyXAAAAglJREFUOMuV1GVb40AQB3CSZZM0IWmohnKF4nb4CecC5+7u3lKkhUJxzg3Xj0uWZJY22b6gL/t7Mk8y858pKvATUA0SClnwvF9DbBOr/afe6DLb5HOVj68ZmG3llY2bmWKeaWcrGjfSYywUA2cq7q6n0uRJt0VO3lkbSaXH3cgFItEbK8Mmusty3qro9eUhQIfpJxoWBgGddvzynwELvxo4z0pPH7vUn7SxQ5fzrKynfhKwQ9W4PDtaF0/Y2CZpKMdKPEfqRgHbJR4Je4Y94ak44DOHKYezk4AtTnuf7U/YeJCYiERq734lAXeN8/Z6OcvU178HAJ/uGi77FJFJlDS1c3oOsNUypfuqgU3j1RczQ4M2Nku8zzS1e5bME2nS88VhwOaYaaJX6VxKEwyWv5wdAXxU7A8KRTX+DzMpG1+lKH4LqZgz/2olSbDKtlEc/R5SMIf4WIuF5IXaKcanQkoJ8vXFmsiwrU/popjIhjym9saaxgxsN6FrnjbB0j7poy5D+w6tAiZ/HiDKfyEDBf1HGz9NFPmQkDOyH4Bzf02FjMCwL8A85ydAc2JSS2MyEaZKA1YLuGVqqUN7LiYgmv/DkWpnqOsBtxs+Y9c6XEnCOrAW6aaN48wVvOVG0EBV9DasIHPt7xHMFDoY96Es89Q8gLLMI/UQyjLP25OMgQsfxre6vP+TCsd4B7nVznA5Vt17AAAAAElFTkSuQmCC); width: 28px; height: 50px; left: -70px; } .main.illustration .cyg .swiper-button-prev:hover { opacity: 0.8; }