@font-face{font-style:normal;font-family:"songti";src:url(src/styles/songti.ttf) format("truetype")}*,*::before,*::after{-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout:none}body{color:#888;font-family:sans-serif;margin:0;width:100vw;height:100vh;overflow:hidden;background:url(src/images/desktop/bg.jpg) center no-repeat;background-size:100% 100%}@media screen and (max-width: 768px){body{background-image:url(src/images/mobile/bg.jpg)}}.cover{position:absolute;left:0;top:0;width:100vw;height:100vh;background:#fff url(src/images/desktop/cover.jpg) center center no-repeat;background-size:cover;opacity:0}.loader{position:absolute;bottom:20px;left:40%;margin-left:10%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.dot{width:10px;height:10px;background:#f13741;border-radius:100%;display:inline-block;-webkit-animation:slide 1s infinite;animation:slide 1s infinite}.dot:nth-child(1){-webkit-animation-delay:0.1s;animation-delay:0.1s;background:#ff2935}.dot:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s;background:#ff2935}.dot:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s;background:#ff2935}.dot:nth-child(4){-webkit-animation-delay:0.4s;animation-delay:0.4s;background:#ff2935}.dot:nth-child(5){-webkit-animation-delay:0.5s;animation-delay:0.5s;background:#ff2935}@-webkit-keyframes slide{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.3;-webkit-transform:scale(2);transform:scale(2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes slide{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0.3;-webkit-transform:scale(2);transform:scale(2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width: 768px){.cover{background-image:url(src/images/mobile/cover.jpg)}}.audio-container{display:block}.audio-switch{visibility:hidden;position:absolute;top:20px;right:20px;width:38px;height:38px;background-image:url(src/images/music-on.png);background-repeat:no-repeat;background-size:contain;-webkit-animation:swing 800ms ease;animation:swing 800ms ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.audio-switch.off{background-image:url(src/images/music-off.png);-webkit-animation:none;animation:none}@-webkit-keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media screen and (max-width: 768px){.audio-switch{top:15px;right:15px;width:24px;height:24px}}.video-container{width:1920px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.video{position:absolute;left:0;top:0;opacity:0}.play-btn{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(src/images/mobile/play.png) no-repeat;background-size:contain;width:100px;height:100px;display:none}.skip-video-btn{position:absolute;right:6.25vw;bottom:3.38541667vw;background:url(src/images/skip.png) no-repeat;background-size:contain;width:6.71875vw;height:3.07291667vw}@media screen and (max-width: 768px){.video-container{width:375px;height:730px}.skip-video-btn{width:65px;height:30px}.play-btn{width:60px;height:60px}}@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){.screen-bugfix{background-color:#000}.screen-bugfix::before{content:"";display:block;position:absolute;left:0;top:0;background-color:#fff;height:88px;width:100%}}.screen-bugfix{overflow:hidden}.screen-bugfix .video-container{bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:auto}.menu .warp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:50px 0 32px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu .menu-item{width:156px;height:48px;margin:0 11px;cursor:pointer;position:relative;background:url(src/images/desktop/menu/0.png) center no-repeat;background-size:100% 100%}.menu .menu-item:nth-of-type(1){background-image:url(src/images/desktop/menu/0.png)}.menu .menu-item:nth-of-type(1).on{background-image:url(src/images/desktop/menu/0-active.png)}.menu .menu-item:nth-of-type(2){background-image:url(src/images/desktop/menu/1.png)}.menu .menu-item:nth-of-type(2).on{background-image:url(src/images/desktop/menu/1-active.png)}.menu .menu-item:nth-of-type(3){background-image:url(src/images/desktop/menu/2.png)}.menu .menu-item:nth-of-type(3).on{background-image:url(src/images/desktop/menu/2-active.png)}.menu .menu-item:nth-of-type(4){background-image:url(src/images/desktop/menu/3.png)}.menu .menu-item:nth-of-type(4).on{background-image:url(src/images/desktop/menu/3-active.png)}.menu .menu-item:nth-of-type(5){background-image:url(src/images/desktop/menu/4.png)}.menu .menu-item:nth-of-type(5).on{background-image:url(src/images/desktop/menu/4-active.png)}@media screen and (max-width: 768px){.menu{background-color:rgba(167,1,1,0.8);padding:32px 0 0;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box}.menu .title{background:url(src/images/mobile/header-title.png) center no-repeat;background-size:auto 100%;width:100%;height:25px}.menu .warp{padding:18px 15px 0}.menu .menu-item{width:auto;height:20px;margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;background-size:auto 100%}.menu .menu-item::before{content:"";position:absolute;right:0;top:0;background:url(src/images/mobile/menu-split.png) right no-repeat;background-size:auto 70%;width:1px;height:100%}.menu .menu-item:nth-of-type(1){background-image:url(src/images/mobile/menu/0.png)}.menu .menu-item:nth-of-type(1).on{background-image:url(src/images/mobile/menu/0-active.png)}.menu .menu-item:nth-of-type(2){background-image:url(src/images/mobile/menu/1.png)}.menu .menu-item:nth-of-type(2).on{background-image:url(src/images/mobile/menu/1-active.png)}.menu .menu-item:nth-of-type(3){background-image:url(src/images/mobile/menu/2.png)}.menu .menu-item:nth-of-type(3).on{background-image:url(src/images/mobile/menu/2-active.png)}.menu .menu-item:nth-of-type(4){background-image:url(src/images/mobile/menu/3.png)}.menu .menu-item:nth-of-type(4).on{background-image:url(src/images/mobile/menu/3-active.png)}.menu .menu-item:nth-of-type(5){background-image:url(src/images/mobile/menu/4.png)}.menu .menu-item:nth-of-type(5).on{background-image:url(src/images/mobile/menu/4-active.png)}.menu .menu-item:nth-of-type(5)::before{content:none}}@media screen and (max-width: 340px){.menu .menu-item{height:17px}}.main{position:absolute;left:60px;right:60px;top:132px;bottom:0}.main .bg{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.4);box-shadow:inset 0 0 10px rgba(0,0,0,0.4);overflow:hidden;-webkit-transform-origin:center;transform-origin:center;border-radius:3px}.main .inner{position:absolute;left:0;right:0;top:0;bottom:0}.main .perch{position:absolute;width:100%;height:7vw}.main .item{position:absolute;-webkit-box-shadow:-8px 10px 8px rgba(0,0,0,0.2);box-shadow:-8px 10px 8px rgba(0,0,0,0.2);border-radius:3px;border:4px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transform-origin:center;transform-origin:center}.main .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px;display:block}.main .item .author{position:absolute;bottom:5px;left:5px;color:#eee;text-shadow:0 0 1px rgba(0,0,0,0.8);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;visibility:hidden;opacity:0;-webkit-transition:0.8s;transition:0.8s}.main .item:hover .author{visibility:visible;opacity:1}.main .item.visible img{display:block}@media screen and (min-width: 769px){.main .item .user-warp{position:absolute;left:10px;bottom:10px;font-size:13px;line-height:13px;height:13px;visibility:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.8)}.main .item:hover .user-warp{visibility:visible}}@media screen and (max-width: 768px){.main{left:0;right:0;top:100px}.main .bg{display:none}.main .inner{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.main .perch{position:absolute;width:100%;height:33.4vw}.main .item{-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:none;background-color:#fff}.main .item.visible{border-color:#f00}.main .item img{position:absolute;top:0;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:0}.main .item .desc{font-size:13px;padding:8px 12px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#666}.main .item .user-warp{border-left:2px solid #f00;margin:12px 12px;padding-left:10px;overflow:hidden}.main .item .user{font-size:13px;line-height:13px;height:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#aaa}}.subject{position:absolute;width:100vw;right:0;left:0;top:0;bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective-origin:center 30vh;perspective-origin:center 30vh;perspective:1000px;-webkit-perspective:1000px}.subject .item{position:absolute;left:50%;top:50%;width:100%;height:100%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);box-shadow:0 0 5px rgba(0,0,0,0.4);border-radius:3px;border:8px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;cursor:pointer;background-color:rgba(176,44,47,0.2)}.subject .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px;position:relative}@media screen and (max-width: 768px){.subject{top:100px;overflow:hidden;-webkit-perspective-origin:center 10vh;perspective-origin:center 10vh}.subject .item{border-width:4px}}.swiper-container.desktop .bg{position:absolute;bottom:0;top:0;left:0;right:0;background-image:url(src/images/desktop/detail/bg.png),url(src/images/desktop/bg.jpg);background-repeat:no-repeat;background-size:cover}.swiper-container.desktop .inner{position:absolute;top:12vh;bottom:10vh;left:5vw;right:5vw;background-color:rgba(238,238,238,0.4);-webkit-box-shadow:0 0 2px #464545;box-shadow:0 0 2px #464545}.swiper-container.desktop .border{position:absolute;left:12px;top:12px;right:12px;bottom:12px;border:1px solid #464545;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.4);box-shadow:inset 0 0 4px rgba(0,0,0,0.4)}.swiper-container.desktop .close{position:absolute;left:0;right:0;height:18px;bottom:5%;background-image:url(src/images/desktop/detail/close.png);background-repeat:no-repeat;background-position:center;background-size:contain;text-indent:-100vw;font-size:0;display:block}.swiper-container.desktop .paging{position:absolute;top:40%;left:1.2%;height:80px;width:40px;background:url(src/images/paging.png) center no-repeat;background-size:80% auto}.swiper-container.desktop .paging.next{background-image:url(src/images/paging.png);right:1.2%;left:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-container.desktop .decorate{position:absolute}.swiper-container.desktop .decorate.decorate1{background-image:url(src/images/desktop/detail/dialog-skin1.png);background-repeat:no-repeat;background-position:bottom;background-size:100% 100%;left:8vw;bottom:0;width:34vw;height:4vw}.swiper-container.desktop .image{position:absolute;left:26px;top:26px;bottom:26px;right:600px;border-radius:3px;border:4px solid #fff;overflow:hidden}.swiper-container.desktop .image .move{position:absolute;right:5px;bottom:5px;width:135px;height:135px;background:url(src/images/desktop/move.png) center no-repeat;background-size:contain;visibility:visible;opacity:1;-webkit-transition:opacity 0.3s, visibility 0.3s;transition:opacity 0.3s, visibility 0.3s}.swiper-container.desktop .image:hover .move{visibility:hidden;opacity:0}.swiper-container.desktop .aside{width:530px;position:absolute;right:12px;top:12px;bottom:12px;margin:16px 30px}.swiper-container.desktop .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;left:0;right:0;top:190px;bottom:0;overflow:hidden}.swiper-container.desktop .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-container.desktop .qrcode-wrp{width:151px;height:153px;padding:15px 25px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(src/images/desktop/detail/qrcode-bg.png);background-repeat:no-repeat;background-position:center;background-size:contain}.swiper-container.desktop .title{font-size:28px;color:#fff;margin:0;font-weight:400;padding:70px 0;position:relative;letter-spacing:3px;font-family:"songti", serif;width:350px}.swiper-container.desktop .title .name{position:absolute;bottom:54px;left:32px;right:0}.swiper-container.desktop .title .name .icon{width:24px;height:18px;background-image:url(src/images/desktop/detail/right-r.png);background-repeat:no-repeat;background-position:left -1px;background-size:contain;display:inline-block;position:relative;top:-1px}.swiper-container.desktop .title .name .name-word{display:inline-block}.swiper-container.desktop .title .decorate2,.swiper-container.desktop .title .decorate{background-image:url(src/images/desktop/detail/dialog-skin2.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;position:absolute;left:0;bottom:0;right:0;width:350px;height:340px;z-index:0}.swiper-container.desktop .description{font-size:22px;line-height:1.4;color:#504b4b;margin:0 0 10px}.swiper-container.desktop .description .word{display:inline-block}.swiper-container.desktop .author{font-size:15px;color:#777372;font-style:italic;background-image:url(src/images/desktop/detail/left-r.png);background-repeat:no-repeat;background-position:left center;background-size:6px 13px;padding-left:10px}.swiper-container.desktop .charts{width:100%}.swiper-container.desktop .charts img{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.swiper-container{overflow:hidden;padding:0;width:100vw;height:100vh;position:absolute;bottom:0;top:0;left:0;right:0;visibility:hidden}.swiper-slide{width:100vw;height:100vh;overflow:hidden;padding:0;position:absolute;bottom:0;top:0;left:0;right:0}.swiper-container.mobile .bg{position:absolute;bottom:0;top:0;left:0;right:0;background-color:rgba(0,0,0,0.75)}.swiper-container.mobile .inner{position:absolute;bottom:20px;top:20px;left:15px;right:15px;padding:16px 30px 30px;background-color:rgba(238,238,238,0.95);-webkit-box-shadow:0 0 0 1px #464545;box-shadow:0 0 0 1px #464545;border-radius:2px;overflow-y:auto}.swiper-container.mobile .inner::-webkit-scrollbar{display:none;width:0 !important}.swiper-container.mobile .close{position:absolute;top:20px;right:15px;height:30px;width:30px;color:#555;text-align:center;line-height:30px;font-size:20px;font-family:sans-serif;display:block}.swiper-container.mobile .paging{position:absolute;top:40%;left:0;height:80px;width:30px;background:url(src/images/paging.png) center no-repeat;background-size:80% auto}.swiper-container.mobile .paging.next{background-image:url(src/images/paging.png);right:0;left:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-container.mobile .title{font-size:24px;line-height:24px;color:#fff;margin:0 auto 10px;font-weight:400;padding:10px 0 22px;position:relative;text-align:center;font-family:"songti", serif;background-image:url(src/images/mobile/detail/title-bg.png);background-repeat:no-repeat;background-position:center;background-size:88% 100%}.swiper-container.mobile .title .name-word{display:inline-block}.swiper-container.mobile .image-box{position:relative;padding-bottom:60px}.swiper-container.mobile .image{position:relative;background:#fff;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:2px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:-8px 8px 8px rgba(0,0,0,0.2);box-shadow:-8px 8px 8px rgba(0,0,0,0.2)}.swiper-container.mobile .image img{width:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:3px}.swiper-container.mobile .author{color:#555;font-size:12px;position:absolute;left:0;bottom:0;right:0;background:#fff url(src/images/mobile/detail/icon-up.png) no-repeat;background-position:center 10px;background-size:8px 4px;padding:20px 20px 10px;height:32px;text-align:center;font-style:italic;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.swiper-container.mobile .description{color:#333;margin:18px 0 20px;font-size:14px;text-indent:24px}.swiper-container.mobile .description .word{display:inline-block}.swiper-container.mobile .charts{width:100%}.swiper-container.mobile .charts img{width:calc(100vw - 90px);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.swiper-container.mobile .btn{margin:0 auto;height:26px;position:relative;text-align:center;background-image:url(src/images/mobile/detail/poster.png);background-repeat:no-repeat;background-position:center;background-size:auto 100%;margin-top:30px}.poster{position:absolute;bottom:0;top:0;left:0;right:0;background-color:#000;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:none}.poster .poster-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.poster .poster-save{position:absolute;top:22vh;left:50%;width:190px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:34px;background-image:url(src/images/mobile/poster-save.png);background-repeat:no-repeat;background-position:center;background-size:contain}.poster .poster-close{position:absolute;bottom:12vh;left:50%;width:100px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:30px;background-image:url(src/images/mobile/poster-close.png);background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (max-width: 340px){.swiper-container.mobile .title{font-size:20px}}.source-intro{position:absolute;left:0;right:0;bottom:0;padding:20px 4.79166666666667vw;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:all 0.3s;transition:all 0.3s;visibility:hidden;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(117,4,4,0.75)), to(rgba(37,4,4,0.9)));background-image:linear-gradient(rgba(117,4,4,0.75), rgba(37,4,4,0.9));color:#c4918a;text-shadow:0 0 2px rgba(0,0,0,0.3);font-size:14px}.source-intro .inner{border:1px solid #e97074;padding:5px 10px;line-height:1.6}.source-intro .item{display:-webkit-box;display:-ms-flexbox;display:flex}.source-intro .item .text{-webkit-box-flex:1;-ms-flex:1;flex:1}.source-intro.visible{visibility:visible;-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0)}@media screen and (max-width: 768px){.source-intro{padding:15px;font-size:12px}}


/*# sourceMappingURL=app.81a730cb.css.map*/