body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;user-select:none;-webkit-user-select:none}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#333;text-decoration:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.book-card-container{background-repeat:no-repeat;background-size:100% 100%;border-radius:5px;height:33.2723948812vw;margin-bottom:5.4844606947vw;position:relative;width:23.7659963437vw}.book-card-container .title-container{align-items:center;border-radius:0 0 5px 5px;bottom:0;display:flex;height:7.3126142596vw;justify-content:center;left:0;position:absolute;width:100%}.book-card-container .title-container.blue{background-color:#a8ffe0}.book-card-container .title-container.yellow{background-color:#f1ff98}.book-card-container .title-container.organ{background-color:#f9b738;padding:0 3.7931034483vw;width:calc(100% - 7.58621vw)}.book-card-container .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#111;display:-webkit-box;font-size:2.9250457038vw;font-weight:400;overflow:hidden}.card-info-container{align-items:center;display:flex;justify-content:center}.card-info-container,.card-info-container .mark{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.card-info-container .mark{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#00000080;z-index:-1}.card-info-container .model{height:115.5172413793vw;width:82.7586206897vw}.card-info-container .model .info-frame{align-items:center;background-repeat:no-repeat;background-size:100% 100%;display:flex;flex-direction:column;height:100vw;width:82.7586206897vw}.card-info-container .model .info-frame .tips{align-items:center;background-color:#65b3ff;border-radius:10px;color:#fff;display:flex;font-size:3.4482758621vw;font-weight:400;height:6.2068965517vw;justify-content:center;margin-top:5.1724137931vw;width:41.3793103448vw}.card-info-container .model .info-frame .title{color:#111;flex-shrink:0;font-size:4.8275862069vw;font-weight:700;margin-top:3.4482758621vw;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:68.9655172414vw}.card-info-container .model .info-frame .author{color:#111;flex-shrink:0;font-size:3.4482758621vw;font-weight:400;margin-top:1.724137931vw}.card-info-container .model .info-frame .code{flex-shrink:0;height:31.0344827586vw;margin-top:3.4482758621vw;width:31.0344827586vw}.card-info-container .model .info-frame .summary,.card-info-container .model .info-frame .summary-after{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#333;display:-webkit-box;flex-shrink:0;font-size:3.4482758621vw;font-weight:400;margin-top:1.724137931vw;overflow:hidden;text-overflow:clip;width:calc(100% - 10.34483vw)}.card-info-container .model .info-frame .summary-after{margin-left:4.1379310345vw;margin-top:0;width:45.5172413793vw}.card-info-container .model .close{align-items:center;background:#6bb6ff;border-radius:1.724137931vw;color:#fff;display:flex;font-size:4.8275862069vw;font-weight:500;height:10.3448275862vw;justify-content:center;line-height:5.1724137931vw;margin-top:5.1724137931vw;width:82.7586206897vw}.waterfall-model{-ms-overflow-style:none;flex-shrink:0;height:404.3636363636vw;overflow:-moz-scrollbars-none;width:85.3747714808vw}.waterfall-model::-webkit-scrollbar{display:none!important}.waterfall-model .waterfall-container{flex-wrap:wrap}.waterfall-model .waterfall-container,.waterfall-model .waterfall-container .row{display:flex;flex-shrink:0;justify-content:space-between;width:85.3747714808vw}.power-fall-book-card-container{background-repeat:no-repeat;background-size:100% 100%;border-radius:5px;flex-shrink:0;height:31.81818181818182vw;position:relative;width:24.35064935064935vw}.power-fall-book-card-container .bottom-bar{background-color:#f9b738;border-radius:0 0 5px 5px;bottom:0;flex-shrink:0;height:4.22078vw;left:0;padding:.974025974025974vw 1.785714285714286vw 1.298701298701299vw;position:absolute;text-align:center;width:20.77922vw}.bottom-bar .text{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#111;display:-webkit-box;flex-shrink:0;font-size:1.785714285714286vw;font-weight:400;overflow:hidden;text-overflow:clip}.bookinfo-container{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#0006;bottom:0;flex-direction:column;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.bookinfo-container,.bookinfo-container .reciprocal{align-items:center;display:flex;justify-content:center}.bookinfo-container .reciprocal{background-color:#fff;border-radius:20px;color:#111;font-size:2.222077922077922vw;font-weight:700;height:5.681818181818182vw;padding-left:2.435064935064935vw;padding-right:2.435064935064935vw;position:absolute;right:4.87012987012987vw;top:4.87012987012987vw}.bookinfo-container .mark{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.bookinfo-container .bookinfo-card{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding-bottom:4.545454545454545vw;padding-top:3.246753246753247vw;width:58.44155844155844vw}.bookinfo-card .header-tips{align-items:center;background-color:#8e0112;border-radius:15px;color:#fff;display:flex;font-size:1.948051948051948vw;height:4.058441558441558vw;justify-content:center;width:22.88961038961039vw}.bookinfo-card .book-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#111;display:-webkit-box;font-size:2.597402597402597vw;font-weight:700;margin-top:2.435064935064935vw;overflow:hidden;text-align:center;text-overflow:ellipsis;width:60%;word-break:break-all}.bookinfo-card .book-author{color:#111;font-size:1.948051948051948vw;margin-top:.8116883116883117vw}.bookinfo-card .book-qrcode{margin-top:2.435064935064935vw}.bookinfo-card .book-summary{-webkit-box-orient:vertical;-webkit-line-clamp:5;color:#666;display:-webkit-box;font-size:1.948051948051948vw;font-weight:400;margin-top:2.435064935064935vw;overflow:hidden;text-indent:2em;width:calc(100% - 6.49vw)}.bookinfo-container .tips{align-items:center;background-color:#fff;border-radius:5px;color:#666;display:flex;font-size:2.272727272727273vw;font-weight:400;height:4.87012987012987vw;justify-content:center;margin-top:1.623376623376623vw;width:43.83116883116883vw}.power-fall-model{-ms-overflow-style:none;flex-shrink:0;height:221.5909090909vw;overflow:-moz-scrollbars-none}.power-fall-model::-webkit-scrollbar{display:none!important}.power-fall-model .power-fall-container{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;width:83.7662337662vw}.power-fall-model .power-fall-container .row{display:flex;flex-shrink:0;justify-content:space-between;margin-top:1.25rem;width:100%}.waterfall_flow_container{display:flex;height:340.0365630713vw;justify-content:center;padding-bottom:5.4844606947vw;padding-top:5.4844606947vw;position:relative;user-select:none!important;-webkit-user-select:none!important}.waterfall_flow_container,.waterfall_flow_container .cloud{background-repeat:no-repeat;background-size:100% 100%;width:100vw}.waterfall_flow_container .cloud{height:45.5374771481vw;left:0;position:absolute;right:0;top:0;z-index:1000}.waterfall_flow_container .content{height:340.0365630713;position:relative;width:85.3747714808vw}.power_container{display:flex;height:100vh;justify-content:center;position:relative;user-select:none!important;-webkit-user-select:none!important;width:100%}.power_container,.power_container .power_header{background-repeat:no-repeat;background-size:100% 100%}.power_container .power_header{height:12.0625rem;left:0;position:absolute;top:0;width:100vw}.power_container .content{height:calc(100vh - 21.6875rem);margin-top:13.0625rem;position:relative;width:83.9285714286vw}.power_container .power_footer{background-repeat:no-repeat;background-size:100% 100%;bottom:0;height:7.625rem;left:0;position:absolute;width:100vw}.navigation-main{align-items:center;background-color:#fff;display:flex;flex-direction:row;height:11.71875vw;justify-content:space-between;position:relative;width:100%;z-index:10}.navigation-main .back-btn{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;width:13.125vw}.back-btn .back-icon{flex-shrink:0;height:3.31484375vw;width:3.31484375vw}.back-btn .back-label{color:#6b6b6b;flex-shrink:0;font-size:2.34375vw;margin-left:.46875vw}.navigation-main .marquee-main{margin-left:-10vw;width:70vw}.navigation-main .nav-main-title-text{color:#333;font-size:3.75vw;font-weight:400;text-align:center}.navigation-main .nav-main-bottom{background-color:#e8e8e8;bottom:0;height:.15625vw;position:absolute;width:80%}#cardTaber::-webkit-scrollbar{display:none}.bookinfo-main{align-items:center;background-color:#33333380;display:flex;justify-content:center;z-index:999999}.bookinfo-main,.bookinfo-main .mark{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.bookinfo-main .mark{z-index:0}.bookinfo-main .box{background-color:#fff;border-radius:20px;height:75vh;padding-left:3.125vw;position:absolute;width:84.375vw}.box .info-main{display:flex;height:45vh;margin-top:7.5vh;width:78.125vw}.info-main .cover{height:45vh;width:19.921875vw}.info-main .info-box{margin-left:3.515625vw;width:37.03125vw}.info-box .title{font-size:26px!important}.info-box .author,.info-box .title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.info-box .author{font-size:16px;margin-top:.375vh!important}.info-box .summary{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px!important;margin-top:2.875vh!important;overflow:hidden;text-overflow:ellipsis;width:100%}.info-main .qrcode-main{height:100%;margin-left:6.71875vw}.qrcode-main #qrmains{height:10.9375vw;margin-top:10.75vh;width:10.9375vw}.qrcode-main .bookinfo-tips{color:#666;font-size:18px;font-weight:400;margin-top:1.25vh}.box .start-button{display:flex;justify-content:center;margin-top:7.5vh;width:100%}.start-button .btns{align-items:center;background:linear-gradient(94.32deg,#49cd76,#42d887);border-radius:20px;color:#fff;display:flex;font-size:20px;height:7.5vh;justify-content:center;position:absolute;width:18.75vw}@media screen and (min-width:1800px){.info-box .title{color:#333;font-size:50px!important}.info-box .author,.info-box .title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-weight:400;overflow:hidden;text-overflow:ellipsis}.info-box .author{color:#999;font-size:30px!important;margin-top:.375vh!important}.info-box .summary{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;font-size:35px!important;margin-top:2.275vh!important;overflow:hidden;text-overflow:ellipsis;width:100%}}.booklist-mian{grid-gap:20px;display:grid;grid-auto-flow:row;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,11vw);margin-top:341px;padding-left:64px;padding-right:64px;place-content:space-around;position:absolute;width:calc(100% - 128px)}.booklist-mian .bookcard-main{margin-top:30px;width:11vw}.bookcard-main img{border-radius:10px;width:100%}.bookcard-main .title{-webkit-line-clamp:1;font-size:30px;font-weight:400;margin-top:15px;text-align:center}.bookcard-main .title,.bookcard-main .title_column_2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.bookcard-main .title_column_2{-webkit-line-clamp:2}.booklist-mian .limit{height:100px;width:100%}@media screen and (min-width:1800px){.booklist-mian{grid-gap:20px;display:flex;flex-wrap:wrap;margin-top:341px;padding-left:104px;padding-right:24px;position:absolute;width:calc(100% - 128px)}.booklist-mian .bookcard-main{margin-right:35px}.booklist-mian-4{grid-gap:20px;display:flex;flex-wrap:wrap;margin-top:341px;padding-left:119px;padding-right:24px;position:absolute;width:calc(100% - 143px)}.booklist-mian-4 .bookcard-main{margin-right:35px}}@media screen and (max-width:1100px) and (min-width:900px){.booklist-mian{grid-gap:15px;display:flex;flex-wrap:wrap;padding-left:20px;padding-right:20px;width:calc(100% - 40px)}.booklist-mian .bookcard-main{margin-left:10vw;margin-top:40px!important;width:25vw!important}.bookcard-main .title{font-size:34px!important;margin-top:10px}.booklist-mian .bookcard-main[type=frist]{margin-left:0}}@media screen and (max-width:900px) and (min-width:500px){.booklist-mian{grid-gap:15px;grid-auto-flow:row;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,11vw);padding-left:20px;padding-right:20px;place-content:space-around;width:calc(100% - 40px)}.booklist-mian .bookcard-main{margin-top:10px;width:11vw}.bookcard-main .title{font-size:14px;margin-top:10px}}@media screen and (max-width:500px){.booklist-mian{grid-gap:15px;grid-auto-flow:row;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,25vw);padding-left:20px;padding-right:20px;place-content:space-around;width:calc(100% - 40px)}.booklist-mian .bookcard-main{margin-top:10px;width:25vw}.bookcard-main .title{font-size:14px;margin-top:10px}}.book-card-main{background-color:#d8d8d8;height:100%;padding-bottom:100px;width:100%}:root{--gradient-color:#0000}.book-card-main .book-card-box{align-items:center;display:flex;height:340.78px;width:100%}.book-card-box .book-card-block{align-items:center;display:flex;margin-top:-20px;width:100%}.book-card-box .cover{border-radius:5px;height:262px;margin-left:6vw;width:185px}.book-card-box .info-box{display:flex;flex-direction:column;margin-left:5.33vw;width:45%}.info-box .title{color:#333;font-size:50px;font-weight:400}.info-box .author{color:#999}.info-box .author,.info-box .desc{font-size:20px;font-weight:400;margin-top:20px}.info-box .desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#333;display:-webkit-box;overflow-y:scroll;text-indent:2em}.qrcode-main{align-items:center;display:flex;flex-direction:column;height:187px;margin-left:5.33vw;width:153px}.qrcode-main .qrcode-logo{height:145px;width:145.16px}.qrcode-main .qrcode-tips{color:#333;font-size:18px;font-weight:400;margin-top:15px}@media screen and (max-width:700px) and (min-width:600px){.book-card-main .book-card-box{height:283.98333px;height:calc(340.78px/var(--mw-700))}.book-card-box .cover{height:218.33333px;height:calc(262px/var(--mw-700));width:154.16667px;width:calc(185px/var(--mw-700))}.info-box .title{font-size:41.66667px;font-size:calc(50px/var(--mw-700))}.info-box .author,.info-box .desc{font-size:16.66667px;font-size:calc(20px/var(--mw-700));margin-top:16.66667px;margin-top:calc(20px/var(--mw-700))}.qrcode-main{height:155.83333px;height:calc(187px/var(--mw-700));width:127.5px;width:calc(153px/var(--mw-700))}.qrcode-main .qrcode-logo{height:120.83333px;height:calc(145px/var(--mw-700));width:120.96667px;width:calc(145.16px/var(--mw-700))}.qrcode-main .qrcode-tips{font-size:15px;font-size:calc(18px/var(--mw-700));margin-top:12.5px;margin-top:calc(15px/var(--mw-700))}}@media screen and (max-width:600px) and (min-width:500px){.book-card-main .book-card-box{height:243.41429px;height:calc(340.78px/var(--mw-600))}.book-card-box .cover{height:187.14286px;height:calc(262px/var(--mw-600));width:132.14286px;width:calc(185px/var(--mw-600))}.info-box .title{font-size:35.71429px;font-size:calc(50px/var(--mw-600))}.info-box .author,.info-box .desc{font-size:14.28571px;font-size:calc(20px/var(--mw-600));margin-top:14.28571px;margin-top:calc(20px/var(--mw-600))}.qrcode-main{height:133.57143px;height:calc(187px/var(--mw-600));width:109.28571px;width:calc(153px/var(--mw-600))}.qrcode-main .qrcode-logo{height:103.57143px;height:calc(145px/var(--mw-600));width:103.68571px;width:calc(145.16px/var(--mw-600))}.qrcode-main .qrcode-tips{font-size:12.85714px;font-size:calc(18px/var(--mw-600));margin-top:10.71429px;margin-top:calc(15px/var(--mw-600))}}@media screen and (max-width:500px) and (min-width:400px){.book-card-main .book-card-box{height:212.9875px;height:calc(340.78px/var(--mw-500))}.book-card-box .cover{height:163.75px;height:calc(262px/var(--mw-500));width:115.625px;width:calc(185px/var(--mw-500))}.info-box .title{font-size:31.25px;font-size:calc(50px/var(--mw-500))}.info-box .author,.info-box .desc{font-size:12.5px;font-size:calc(20px/var(--mw-500));margin-top:12.5px;margin-top:calc(20px/var(--mw-500))}.qrcode-main{height:116.875px;height:calc(187px/var(--mw-500));width:95.625px;width:calc(153px/var(--mw-500))}.qrcode-main .qrcode-logo{height:90.625px;height:calc(145px/var(--mw-500));width:90.725px;width:calc(145.16px/var(--mw-500))}.qrcode-main .qrcode-tips{font-size:11.25px;font-size:calc(18px/var(--mw-500));margin-top:9.375px;margin-top:calc(15px/var(--mw-500))}}@media screen and (max-width:400px) and (min-width:300px){.book-card-main .book-card-box{height:189.32222px;height:calc(340.78px/var(--mw-400))}.book-card-box .cover{height:145.55556px;height:calc(262px/var(--mw-400));width:102.77778px;width:calc(185px/var(--mw-400))}.info-box .title{font-size:27.77778px;font-size:calc(50px/var(--mw-400))}.info-box .author,.info-box .desc{font-size:11.11111px;font-size:calc(20px/var(--mw-400));margin-top:11.11111px;margin-top:calc(20px/var(--mw-400))}.qrcode-main{height:103.88889px;height:calc(187px/var(--mw-400));width:85px;width:calc(153px/var(--mw-400))}.qrcode-main .qrcode-logo{height:80.55556px;height:calc(145px/var(--mw-400));width:80.64444px;width:calc(145.16px/var(--mw-400))}.qrcode-main .qrcode-tips{font-size:10px;font-size:calc(18px/var(--mw-400));margin-top:8.33333px;margin-top:calc(15px/var(--mw-400))}}@media screen and (max-width:300px){.book-card-main .book-card-box{height:170.39px;height:calc(340.78px/var(--mw-300))}.book-card-box .cover{height:131px;height:calc(262px/var(--mw-300));width:92.5px;width:calc(185px/var(--mw-300))}.info-box .title{font-size:25px;font-size:calc(50px/var(--mw-300))}.info-box .author,.info-box .desc{font-size:10px;font-size:calc(20px/var(--mw-300));margin-top:10px;margin-top:calc(20px/var(--mw-300))}.qrcode-main{height:93.5px;height:calc(187px/var(--mw-300));width:76.5px;width:calc(153px/var(--mw-300))}.qrcode-main .qrcode-logo{height:72.5px;height:calc(145px/var(--mw-300));width:72.58px;width:calc(145.16px/var(--mw-300))}.qrcode-main .qrcode-tips{font-size:9px;font-size:calc(18px/var(--mw-300));margin-top:7.5px;margin-top:calc(15px/var(--mw-300))}}.catalogue-main{background-color:#fff;border-radius:40px;margin-top:-110px;overflow-y:scroll;position:absolute;width:100%}:root{--mw-700:1.2;--mw-600:1.4;--mw-500:1.6;--mw-400:1.8;--mw-300:2}.catalogue-main .catalogue-head{align-items:center;display:flex;justify-content:space-between;margin-top:30px;padding-left:70px;padding-right:50px}.catalogue-head .catalogue-label{color:#333;font-size:48px;font-weight:400}.catalogue-head .catalogue-opertion{cursor:pointer;display:flex}.catalogue-head .catalogue-opertion:hover{opacity:.9}.catalogue-head .catalogue-opertion:active{opacity:.6}.catalogue-opertion .opertion-icon{height:34px;width:57px}.catalogue-opertion .opertion-label{color:#999;font-size:24px;font-weight:400;margin-left:15px}.catalogue-main .catalogue-content{padding-bottom:100px;padding-left:80px;width:calc(100% - 120px)}.catalogue-content .list-item{margin-top:29px}.catalogue-content .list-item,.catalogue-content .list-item-first{color:#333;cursor:pointer;font-size:30px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogue-content .list-item-first{margin-top:35px}@media screen and (max-width:700px){.catalogue-main .catalogue-head{margin-top:25px;margin-top:calc(30px/var(--mw-700));padding-left:58.33333px;padding-left:calc(70px/var(--mw-700));padding-right:41.66667px;padding-right:calc(50px/var(--mw-700))}.catalogue-head .catalogue-label{font-size:40px;font-size:calc(48px/var(--mw-700))}.catalogue-opertion .opertion-icon{height:28.33333px;height:calc(34px/var(--mw-700));width:47.5px;width:calc(57px/var(--mw-700))}.catalogue-opertion .opertion-label{font-size:20px;font-size:calc(24px/var(--mw-700));margin-left:12.5px;margin-left:calc(15px/var(--mw-700))}.catalogue-main .catalogue-content{padding-bottom:83.33333px;padding-bottom:calc(100px/var(--mw-700));padding-left:66.66667px;padding-left:calc(80px/var(--mw-700));width:calc(83.33333% - 100px);width:calc((100% - 120px)/var(--mw-700))}.catalogue-content .list-item{font-size:25px;font-size:calc(30px/var(--mw-700));margin-top:24.16667px;margin-top:calc(29px/var(--mw-700))}.catalogue-content .list-item-first{font-size:25px;font-size:calc(30px/var(--mw-700));margin-top:29.16667px;margin-top:calc(35px/var(--mw-700))}}@media screen and (max-width:600px){.catalogue-main .catalogue-head{margin-top:21.42857px;margin-top:calc(30px/var(--mw-600));padding-left:50px;padding-left:calc(70px/var(--mw-600));padding-right:35.71429px;padding-right:calc(50px/var(--mw-600))}.catalogue-head .catalogue-label{font-size:34.28571px;font-size:calc(48px/var(--mw-600))}.catalogue-opertion .opertion-icon{height:24.28571px;height:calc(34px/var(--mw-600));width:40.71429px;width:calc(57px/var(--mw-600))}.catalogue-opertion .opertion-label{font-size:17.14286px;font-size:calc(24px/var(--mw-600));margin-left:10.71429px;margin-left:calc(15px/var(--mw-600))}.catalogue-main .catalogue-content{padding-bottom:71.42857px;padding-bottom:calc(100px/var(--mw-600));padding-left:57.14286px;padding-left:calc(80px/var(--mw-600));width:calc(71.42857% - 85.71429px);width:calc((100% - 120px)/var(--mw-600))}.catalogue-content .list-item{font-size:21.42857px;font-size:calc(30px/var(--mw-600));margin-top:20.71429px;margin-top:calc(29px/var(--mw-600))}.catalogue-content .list-item-first{font-size:21.42857px;font-size:calc(30px/var(--mw-600));margin-top:25px;margin-top:calc(35px/var(--mw-600))}}@media screen and (max-width:500px){.catalogue-main .catalogue-head{margin-top:18.75px;margin-top:calc(30px/var(--mw-500));padding-left:43.75px;padding-left:calc(70px/var(--mw-500));padding-right:31.25px;padding-right:calc(50px/var(--mw-500))}.catalogue-head .catalogue-label{font-size:30px;font-size:calc(48px/var(--mw-500))}.catalogue-opertion .opertion-icon{height:21.25px;height:calc(34px/var(--mw-500));width:35.625px;width:calc(57px/var(--mw-500))}.catalogue-opertion .opertion-label{font-size:15px;font-size:calc(24px/var(--mw-500));margin-left:9.375px;margin-left:calc(15px/var(--mw-500))}.catalogue-main .catalogue-content{padding-bottom:62.5px;padding-bottom:calc(100px/var(--mw-500));padding-left:50px;padding-left:calc(80px/var(--mw-500));width:calc(62.5% - 75px);width:calc((100% - 120px)/var(--mw-500))}.catalogue-content .list-item{font-size:18.75px;font-size:calc(30px/var(--mw-500));margin-top:18.125px;margin-top:calc(29px/var(--mw-500))}.catalogue-content .list-item-first{font-size:18.75px;font-size:calc(30px/var(--mw-500));margin-top:21.875px;margin-top:calc(35px/var(--mw-500))}}@media screen and (max-width:400px){.catalogue-main .catalogue-head{margin-top:16.66667px;margin-top:calc(30px/var(--mw-400));padding-left:38.88889px;padding-left:calc(70px/var(--mw-400));padding-right:27.77778px;padding-right:calc(50px/var(--mw-400))}.catalogue-head .catalogue-label{font-size:26.66667px;font-size:calc(48px/var(--mw-400))}.catalogue-opertion .opertion-icon{height:18.88889px;height:calc(34px/var(--mw-400));width:31.66667px;width:calc(57px/var(--mw-400))}.catalogue-opertion .opertion-label{font-size:13.33333px;font-size:calc(24px/var(--mw-400));margin-left:8.33333px;margin-left:calc(15px/var(--mw-400))}.catalogue-main .catalogue-content{padding-bottom:55.55556px;padding-bottom:calc(100px/var(--mw-400));padding-left:44.44444px;padding-left:calc(80px/var(--mw-400));width:55.55556%;width:calc(100%/var(--mw-400))}.catalogue-content .list-item{font-size:16.66667px;font-size:calc(30px/var(--mw-400));margin-top:16.11111px;margin-top:calc(29px/var(--mw-400))}.catalogue-content .list-item-first{font-size:16.66667px;font-size:calc(30px/var(--mw-400));margin-top:19.44444px;margin-top:calc(35px/var(--mw-400))}}@media screen and (max-width:300px){.catalogue-main .catalogue-head{margin-top:15px;margin-top:calc(30px/var(--mw-300));padding-left:35px;padding-left:calc(70px/var(--mw-300));padding-right:25px;padding-right:calc(50px/var(--mw-300))}.catalogue-head .catalogue-label{font-size:24px;font-size:calc(48px/var(--mw-300))}.catalogue-opertion .opertion-icon{height:17px;height:calc(34px/var(--mw-300));width:28.5px;width:calc(57px/var(--mw-300))}.catalogue-opertion .opertion-label{font-size:12px;font-size:calc(24px/var(--mw-300));margin-left:7.5px;margin-left:calc(15px/var(--mw-300))}.catalogue-main .catalogue-content{padding-bottom:50px;padding-bottom:calc(100px/var(--mw-300));padding-left:40px;padding-left:calc(80px/var(--mw-300));width:calc(50% - 60px);width:calc((100% - 120px)/var(--mw-300))}.catalogue-content .list-item{font-size:15px;font-size:calc(30px/var(--mw-300));margin-top:14.5px;margin-top:calc(29px/var(--mw-300))}.catalogue-content .list-item-first{font-size:15px;font-size:calc(30px/var(--mw-300));margin-top:17.5px;margin-top:calc(35px/var(--mw-300))}}.player-slider-main{align-items:center;display:flex;height:3.125vw;margin-top:1.4rem;width:100%}.player-slider-main .in-total{background-color:#699ddf;border-radius:9px;height:1.40625vw;position:absolute;width:100%}.player-slider-main .speed-progress{background-color:#e8e8e8;border-radius:9px;height:1.40625vw;position:absolute;width:0}.player-slider-main .slider-block{align-items:center;background-color:#e8e8e8;border-radius:1.5625vw;color:#666;display:flex;font-size:1.5625vw;height:3.125vw;left:0;padding-left:.5vw;padding-right:.5vw;position:absolute}.player-panel-mains{align-items:center;display:flex;flex-direction:row;flex-shrink:0;height:12.5vw;justify-content:space-between;margin-top:1.4rem;position:relative;width:100%}.player-panel-mains .catalogue-player-btn{flex-shrink:0;height:3.59375vw;width:4.0625vw}.player-panel-mains .last-player{flex-shrink:0;height:8.28125vw;width:8.28125vw}.player-panel-mains .play-player{flex-shrink:0;height:12.5vw;width:12.5vw}.player-panel-mains .collect-player{flex-shrink:0;height:3.7875vw;width:4.6875vw}.collect-player .collect-number{color:#666;flex-shrink:0;font-size:2.34375vw;font-weight:400;left:5vw;position:relative;top:-2.5vw}.player-panel-mains .background{background-repeat:no-repeat;background-size:100% 100%}.btns:hover{opacity:.9}.btns:active{opacity:.6}.player-catalogue-main{overflow:hidden;z-index:999999}.player-catalogue-main,.player-catalogue-main .mark{background-color:#33333380;height:100%;left:0;position:absolute;top:0;width:100%}.player-catalogue-main .player-catalogue-box{background-color:#fff;border-radius:30px 30px 0 0;bottom:0;height:60vh;left:0;overflow-y:scroll;padding-left:.625rem;padding-right:.625rem;position:absolute;width:calc(100vw - 1.25rem)}.player-catalogue-box .header{height:9.765625vw;width:calc(100vw - 1.25rem)}.header .label{color:#333;font-size:1.125rem;font-weight:700;margin-top:1.5625vw}.header .opertion{align-items:center;display:flex;justify-content:space-between;margin-top:2.34375vw;width:calc(100vw - 1.25rem)}.opertion .catalogue-player{height:1.25rem;width:1.5625rem}.opertion .order-main{align-items:center;display:flex;flex-shrink:0;height:3.203125vw;margin-right:.625rem}.order-main .order-png{height:1.0938rem;width:1.625rem}.order-main .order-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:1.125rem;font-weight:400;margin-left:.78125vw;margin-right:-.78125vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-catalogue-box .player-catalogue-content{position:relative;top:1.25rem}.player-catalogue-content .catalogue-item{align-items:center;display:flex;margin-top:.9375rem}.catalogue-item .catalogue-playing{height:3.125vw;width:3.125vw}.catalogue-item .catalogue-title-active{color:#699ddf;font-size:1.125rem;margin-left:2.34375vw}.catalogue-item .catalogue-title{color:#666;font-size:1.0625rem}.player-catalogue-content .limit{height:6.25vw;width:79.76563vw}.card-screen{bottom:0;height:100%;left:0;overflow-x:hidden!important;overflow-y:scroll!important;position:fixed;right:0;top:0;width:100%}.card-screen::-webkit-scrollbar{display:none}.player-main{flex-direction:column;height:100%}.player-main,.player-main header{align-items:center;display:flex;width:100%}.player-main header{background-color:#fff;border-bottom:1px solid #0000001a;flex-direction:row;height:3.125rem;justify-content:space-between}header .header-back{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;width:13.125vw}.header-back .back{height:1.125rem;width:1.125rem}header .title{align-items:center;color:#222;display:flex;font-size:.8rem;justify-content:center}header .header-home{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;width:13.125vw}.header-home .home{height:1.4375rem;width:1.4375rem}.player-main .navigation-title{color:#111;font-size:3.8125vw;font-weight:500;white-space:nowrap}.player-main .player-chaterName{color:#333c;font-size:20px;margin-top:2.5vw}.player-main .player-box{align-items:center;display:flex;flex-direction:column;position:relative;width:75.39063%}.player-box .player-cover-main{flex-shrink:0;height:5.86667rem;margin-bottom:.6rem;margin-top:.8rem;width:4.4rem}.player-cover-main .player-cover{background-color:#000;background-repeat:no-repeat;background-size:100% 100%;height:100%;width:100%}.player-box .player-diversity-name{color:#222;font-size:.8rem;font-weight:700;line-height:1.1rem;margin-bottom:.2rem;text-align:center}@keyframes rotate-animtion{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{margin:0;overflow:hidden;padding:0}.loading,body,html{height:100%;left:0;position:fixed;top:0;width:100%}.loading{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:center;right:0;z-index:99999999999}.loading .loader{animation:load 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#2e789a;height:100px;width:100px}@keyframes load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.canvas{position:absolute;top:0}.frame-common-box{align-items:center;display:flex;justify-content:center}.size-transition{transition:width .5s,height .5s}.ring-light-open{animation:ring-light-open .8s ease-in-out;border:2px solid #fff}@keyframes ring-light-open{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ring-light-close{animation:ring-light-close .4s;border:2px solid #fff}@keyframes ring-light-close{0%{opacity:0;transform:scale(1.5)}50%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.border-1{animation:border-1 5s linear infinite}@keyframes border-1{to{transform:rotate(1turn)}}.border-2{animation:border-2 6s linear infinite}@keyframes border-2{to{transform:rotate(1turn)}}.border-3{animation:border-3 5s linear infinite}@keyframes border-3{to{transform:rotate(1turn)}}.border-4{animation:border-4 7s linear infinite}@keyframes border-4{to{transform:rotate(-1turn)}}.border-open{animation:border-open 1s ease-in-out;transform:scale(1)}@keyframes border-open{0%{transform:scale(1.5) rotate(180deg)}to{transform:scale(1) rotate(0deg)}}.border-close{animation:border-close 1s ease-in-out;transform:scale(1)}@keyframes border-close{0%{transform:scale(1) rotate(0deg)}to{transform:scale(1.5) rotate(180deg)}}.title-open{animation:title-open 1s}@keyframes title-open{0%{margin-top:100px;opacity:0;position:absolute}to{margin-top:0;opacity:1;position:absolute}}.title-close{animation:title-close .5s;margin-top:100px;opacity:0}@keyframes title-close{0%{margin-top:0;opacity:1;position:absolute}to{margin-top:150px;opacity:0;position:absolute}}.summary-open{animation:summary-open 1s}@keyframes summary-open{0%{margin-top:-150px;opacity:0;position:absolute}to{margin-top:0;opacity:1;position:absolute}}.summary-close{animation:summary-close .5s;margin-top:-150px;opacity:0}@keyframes summary-close{0%{margin-top:0;opacity:1;position:absolute}to{margin-top:-150px;opacity:0;position:absolute}}.left-card-container{height:618px;position:relative;width:243.74px}.left-card-container .cultural_card_bg{background-repeat:no-repeat;background-size:100% 100%;height:618px;position:relative;width:195px;z-index:10}.left-card-container .cultural_head_img{height:258.76px;left:1.44px;position:absolute;top:91.81px;width:237.97px}.left-card-container .user-info{height:258px;left:5px;position:absolute;top:359px;width:165px}.left-card-container .user-info .name{color:#b49166;font-size:26px;font-weight:700}.left-card-container .user-info .limit{background-color:#b49166;height:3px;margin-top:5px;width:38px}.left-card-container .user-info .honor{color:#b49166;font-size:18px;font-weight:600;margin-top:5px}.left-card-container .user-info .description{color:#1a1c16;font-size:13px;font-weight:400;line-height:26px;margin-top:5px}.right-card-container{align-items:flex-end;display:flex;flex-direction:column;height:618px;margin-top:252px;position:relative;width:243.74px}.right-card-container .cultural_card_bg{background-repeat:no-repeat;background-size:100% 100%;height:618px;position:relative;width:195px;z-index:10}.right-card-container .cultural_head_img{height:258.76px;left:0;position:absolute;top:93.54px;width:237.97px}.right-card-container .user-info{height:258px;position:absolute;right:5px;top:359px;width:165px}.right-card-container .user-info .name{color:#b49166;font-size:26px;font-weight:700}.right-card-container .user-info .limit{background-color:#b49166;height:3px;margin-top:5px;width:38px}.right-card-container .user-info .honor{color:#b49166;font-size:18px;font-weight:600;margin-top:5px}.right-card-container .user-info .description{color:#1a1c16;font-size:13px;font-weight:400;line-height:26px;margin-top:5px}.info-toast-container{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:30}.info-toast-container,.info-toast-container .mark{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.info-toast-container .mark{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#0009;z-index:-1}.info-toast-container .info-toast-main{background-color:#bc9b6f;border-radius:5px;padding:14px 13px}.info-toast-container .info-toast-main .info-toast-box{align-items:center;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;padding:12px 18px 0;width:278px}.info-toast-container .info-toast-main .info-toast-box .box-tips{align-items:center;background-color:#bc9b6f;border-radius:12px;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:400;height:25px;justify-content:center;width:156px}.info-toast-container .info-toast-main .info-toast-box .box-title{color:#111;font-size:16px;font-weight:700;margin-top:12px}.info-toast-container .info-toast-main .info-toast-box .box-honor{color:#111;font-size:11px;font-weight:400;margin-top:5px}.info-toast-container .info-toast-main .info-toast-box .box-qrcode{height:100px;margin-top:10px;width:100px}.info-toast-container .info-toast-main .info-toast-box .box-description{margin-bottom:20px;margin-top:10px}.info-toast-container .toast-close-btn{align-items:center;background-color:#bc9b6f;border-radius:5px;color:#fff;display:flex;flex-direction:column;font-size:16px;height:40px;justify-content:center;margin-top:20px;width:340px}.cultural-container{background-repeat:no-repeat;background-size:100% 100%;height:100vh;padding:0 20px;width:calc(100vw - 40px)}.cultural-container .cultural-title{color:#ab8a61;font-size:30px;font-weight:900;height:102px;line-height:50px;position:absolute;right:30px;text-align:right;top:30px;width:235px}.cultural-container .cultural-content{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-between;overflow-y:scroll;position:relative;top:135px;width:100%}.cultural-container .cultural-footer{bottom:0;height:264.5px;left:0;position:absolute;width:100vw;z-index:20}:root{--small-scale:0.5;--centre-scale:0.7}.light-disk-container{align-items:center;background-repeat:no-repeat;background-size:100% 100%;display:flex;flex-direction:column;height:150px;justify-content:center;position:relative;width:160px}.light-disk-container.small{height:75px;height:calc(150px*var(--small-scale));width:80px;width:calc(160px*var(--small-scale))}.light-disk-container.centre{height:105px;height:calc(150px*var(--centre-scale));width:112px;width:calc(160px*var(--centre-scale))}.light-disk-container .light-disk-img{background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;height:150px;position:absolute;width:160px;z-index:0}.light-disk-container .light-disk-img.small{height:75px;height:calc(150px*var(--small-scale));width:80px;width:calc(160px*var(--small-scale))}.light-disk-container .light-disk-img.centre{height:105px;height:calc(150px*var(--centre-scale));width:112px;width:calc(160px*var(--centre-scale))}.light-disk-container .cover-img{background-repeat:no-repeat;background-size:100% 100%;border:3px solid #2f2e2e;border-radius:50%;flex-shrink:0;height:72px;margin-left:-5px;position:absolute;width:72px;z-index:1}.light-disk-container .cover-img.small{height:36px;height:calc(72px*var(--small-scale));width:36px;width:calc(72px*var(--small-scale))}.light-disk-container .cover-img.centre{height:50.4px;height:calc(72px*var(--centre-scale));width:50.4px;width:calc(72px*var(--centre-scale))}.light-disk-container .light-disk-son-img{height:10px;margin-left:-5px;width:10px;z-index:2}.light-disk-container .light-disk-son-img,.light-disk-container .music-item-bottom{background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;position:absolute}.light-disk-container .music-item-bottom{align-items:center;bottom:0;color:#222;display:flex;display:block;flex-direction:row;font-size:16px;font-weight:700;height:30px;justify-content:center;line-height:30px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap;width:120px;z-index:10}.light-disk-container .music-item-bottom.small{height:15px;height:calc(30px*var(--small-scale));line-height:15px;line-height:calc(30px*var(--small-scale));padding:0 10px;padding:0 calc(20px*var(--small-scale));width:60px;width:calc(120px*var(--small-scale))}.light-disk-container .music-item-bottom.centre{height:21px;height:calc(30px*var(--centre-scale));line-height:21px;line-height:calc(30px*var(--centre-scale));padding:0 14px;padding:0 calc(20px*var(--centre-scale));width:84px;width:calc(120px*var(--centre-scale))}.music-container{background-repeat:no-repeat;background-size:100% 100%;height:100vh;position:relative;width:100vw}.music-container .music-header{height:776px;left:0;position:absolute;top:0;width:100vw;z-index:20}.music-container .content{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 629px);overflow-y:scroll;padding:0 69px;position:relative;top:600px;width:calc(100% - 138px)}.music-container .content .music-limit{height:200px;width:100px}.music-container .music-bottom{bottom:0;height:168px;left:0;position:absolute;width:100vw;z-index:10}.layout-contaienr{display:flex;flex-direction:column;margin-bottom:40px}.layout-contaienr .layout-content{display:flex;flex-direction:row;justify-content:space-evenly;position:relative;top:6px}.layout-contaienr .layout-bottom{background-repeat:no-repeat;background-size:100% 100%;height:12px;width:517px}
/*# sourceMappingURL=main.4c71e2a5.css.map*/