@font-face{font-family:'hellofont';src:url('../assets/fonts/HelloFont-WenYiHei.ttf')}@font-face{font-family:'DINAlternate';src:url('../assets/fonts/DIN Alternates.ttf')}.hello{font-family:'hellofont'}.din{font-family:'DINAlternates'}.container{visibility:hidden;width:100%;box-sizing:border-box;background-image:url('../assets/conmon/shuatibao_bg1@2x.png');background-color:linear-gradient(360deg, #515152 0%, #191A1D 100%);background-size:100%;font-size:.14rem;font-family:SourceHanSansSC-Bold,SourceHanSansSC,sans-serif;padding-top:.65rem}.container .top{font-family:'hellofont';font-weight:normal;color:#FFF;margin-bottom:.32rem}.container .top .titles{text-align:center;margin-bottom:.1rem}.container .top .titles .top-title{font-size:.36rem;margin-bottom:.1rem;position:relative;text-align:left}.container .top .titles .top-title .content{margin-left:1.18rem;text-shadow:0 0 12px rgba(142,251,231,0.5)}.container .top .titles .top-title .logo{width:.86rem;height:.86rem;background:url('../assets/conmon/logo@2x.png') no-repeat;background-size:100%;position:absolute;top:50%;left:.32rem;transform:translateY(-50%)}.container .top .titles .bottom-title{font-size:.5rem;line-height:.63rem;text-shadow:0 0 12px rgba(142,251,231,0.5)}.container .top .intro-box{text-align:center;margin-bottom:.16rem}.container .top .intro-box .content{font-size:.24rem;font-weight:normal;color:#8EFBE7;line-height:.42rem;width:2.78rem;height:.46rem;border-radius:.16rem;border:.02rem solid #8EFBE7;box-sizing:border-box;margin:0 auto}.container .top .tag-box{font-family:'hellofont';font-weight:normal;color:#FFF}.container .top .tag-box .tags.one{padding:0 .43rem;margin-bottom:.09rem}.container .top .tag-box .tags.two{padding:0 .53rem}.container .top .tag-box .tags .tag-item{display:inline-block;font-size:.12rem;height:.24rem;border-radius:.12rem;border:.02rem solid #FFFFFF;box-sizing:border-box;padding:.02rem .06rem}.container .box{width:3.2rem;border-radius:.08rem;border:2px solid #8EFBE7;box-sizing:border-box;margin-left:.16rem;position:relative}.container .box .content{width:3.2rem;height:100%;background:#FFFFFF;box-shadow:0 0 .12rem 0 rgba(142,251,231,0.5);border-radius:.08rem;position:absolute;left:.08rem;top:.08rem;box-sizing:border-box}.container .box .content .head{width:1.38rem;height:.28rem;font-size:.18rem;font-style:italic;line-height:.28rem;background:#191A1D;color:#FFF;text-align:center;font-family:'hellofont';margin:.16rem auto .12rem;position:relative;background:url('../assets/conmon/bg_title@2x.png') no-repeat;background-size:100%}.container .box .content .head .left{display:block;content:'';width:.12rem;height:.12rem;background:#191A1D;border-radius:50%;position:absolute;left:-0.18rem;top:50%;transform:translateY(-50%)}.container .box .content .head .left.small{display:block;content:'';width:.08rem;height:.08rem;background:#191A1D;border-radius:50%;position:absolute;left:-0.3rem;top:50%;transform:translateY(-50%)}.container .box .content .head .right{display:block;content:'';width:.12rem;height:.12rem;background:#191A1D;border-radius:50%;position:absolute;right:-0.18rem;top:50%;transform:translateY(-50%)}.container .box .content .head .right.small{display:block;content:'';width:.08rem;height:.08rem;background:#191A1D;border-radius:50%;position:absolute;right:-0.3rem;top:50%;transform:translateY(-50%)}.container .box .content .intro{font-size:.12rem;font-weight:bold;color:#191A1D;line-height:.17rem;text-align:center}.container .box.book-box{height:6.43rem;margin-bottom:.1rem}.container .box.book-box .content{padding:0 .12rem}.container .box.book-box .bookshelf{overflow:hidden;background:#FFF}.container .box.book-box .bookshelf .title{font-size:.16rem;font-family:SourceHanSansSC-Bold,SourceHanSansSC;font-weight:bold;color:#191A1D;line-height:.24rem;margin-left:.14rem;margin-bottom:.08rem}.container .box.book-box .bookshelf .shelf{width:2.96rem;height:.38rem;background:url('../assets/conmon/def_shelf@2x.png') no-repeat;background-size:100%}.container .box.book-box .bookshelf .books-container{overflow:hidden;width:2.68rem;height:1.18rem;margin-left:.14rem;transform:translateY(.04rem);position:relative;box-sizing:border-box}.container .box.book-box .bookshelf .books-container .books{width:8.37rem;height:1.18rem;left:0;position:absolute}.container .box.book-box .bookshelf .books-container .books.primary{width:9.3rem}.container .box.book-box .bookshelf .books-container .books.middle{width:14.88rem}.container .box.book-box .bookshelf .books-container .books.high{width:9.3rem}.container .box.book-box .bookshelf .books-container .books.animationed.primary{animation:bookMove 12s linear 1s infinite}.container .box.book-box .bookshelf .books-container .books.animationed.middle{animation:bookMoveMiddle 19s linear 1.5s infinite}.container .box.book-box .bookshelf .books-container .books.animationed.high{animation:bookMove 12s linear 2s infinite}.container .box.book-box .bookshelf .books-container .book-item{width:.82rem;height:1.18rem;margin-right:.11rem;display:block;float:left}.container .box.function-box{height:4.26rem;margin-bottom:.32rem}.container .box.function-box .content{padding:0 .22rem}.container .box.function-box .content .intro{margin-bottom:.24rem}.container .box.function-box .content .nav-bar{height:.19rem;margin-bottom:.21rem;position:relative}.container .box.function-box .content .nav-bar .nav-item{width:.65rem;font-size:.12rem;font-family:SourceHanSansSC-Bold,SourceHanSansSC;font-weight:400;color:rgba(25,26,29,0.5);line-height:.17rem;position:absolute;z-index:1;font-weight:normal;transition:left .5s ease}.container .box.function-box .content .nav-bar .nav-item.selected{font-size:.14rem;font-weight:bold;color:#191A1D;line-height:.2rem}.container .box.function-box .content .nav-bar .circle{display:block;width:.46rem;height:.34rem;background:url('../assets/conmon/h5_ic_tab@2x.png') no-repeat;background-size:100%;position:absolute;left:.09rem;left:1.11rem;top:-0.05rem;z-index:0}.container .box.function-box .content .nav-imgs{width:2.76rem;height:2.32rem;overflow:hidden;position:relative;margin-bottom:.1rem}.container .box.function-box .content .nav-imgs img{width:2.76rem;height:2.32rem;position:absolute;transition:left .5s ease,opacity .5s ease}.container .box.function-box .content .nav-imgs .img-list{width:2.76rem;height:1.9rem;position:relative}.container .box.function-box .content .nav-points{display:flex;justify-content:center;margin-bottom:.1rem}.container .box.function-box .content .nav-points .point{width:.06rem;height:.06rem;border-radius:50%;background:#D8D8D8;margin-right:.08rem}.container .box.function-box .content .nav-points .point.selected{background:#444444}.container .box.function-box .content .nav-points .point:last-child{margin-right:0}.container .box.function-box .content .nav-slidebar{width:.48rem;height:.04rem;background:#D8D8D8;border-radius:.02rem;margin:0 auto;position:relative;margin-bottom:.1rem}.container .box.function-box .content .nav-slidebar .slide-item{width:.16rem;height:.04rem;background:linear-gradient(90deg, #5C5C5C 0%, #2F2F2F 100%);border-radius:.02rem;position:absolute;left:.16rem;transition:left .5s ease}.container .box.function-box .content .hint{font-size:.1rem;font-family:SourceHanSansSC-Medium,SourceHanSansSC;font-weight:500;color:rgba(25,26,29,0.3);line-height:.15rem;text-align:center}.container .bottom-btn{width:2.44rem;height:.76rem;background:url('../assets/conmon/btn_go@2x.png') no-repeat;background-size:100%;margin:0 auto;text-align:center;line-height:.76rem;margin-bottom:.08rem}.container .bottom-btn .word{font-size:.16rem;font-family:'hellofont';font-weight:normal;color:#8EFBE7;line-height:.16rem;text-shadow:-1px 1px 2px rgba(0,255,255,0.6)}.container .bottom-btn a{display:block;width:2.18rem;height:.44rem;position:relative;left:.13rem;top:.14rem}.container .sticky-btn{position:fixed;right:.07rem;top:69%;color:#FFF;width:1.07rem;height:1.08rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.container .sticky-btn .bg{width:1.07rem;height:1.08rem;background:url('../assets/btn/bg_go1@2x.png') no-repeat;background-size:100%;position:absolute;left:0;top:0;z-index:-1;transition:background-image .2s linear}.container .sticky-btn .content{width:.32rem;height:.4rem;margin:0 auto;font-size:.16rem;font-family:hellofont;font-weight:normal;color:#8EFBE7;line-height:.2rem;text-shadow:-0.01rem .01rem .02rem rgba(0,255,255,0.6);transition:color .2s linear}.container .sticky-btn .icon{width:.26rem;height:.18rem;background:url('../assets/btn/ic_go1@2x.png') no-repeat;background-size:100%;margin:0 auto;opacity:1;transition:background-image .2s linear}.container .sticky-btn .logo{width:.76rem;height:.68rem;background:url('../assets/btn/tou_logo1@2x.png');background-size:100%;position:absolute;left:.17rem;top:-0.34rem;z-index:-2;transition:background-image .2s linear}.container .sticky-btn.animationed .icon{animation:iconShow 1.6s linear infinite}.container .sticky-btn.animationed .logo{animation:logoMove 1.6s linear infinite}.container .sticky-btn a{text-decoration:none}a{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.loading-spin-container{position:fixed;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);width:25px;height:25px;z-index:99}.loading-spin-container .loading-spin .loading-spin-dots{display:block;width:20px;height:20px;position:relative;left:0;right:0;margin:auto;animation:spinRotate 1.2s infinite linear}.loading-spin-container .loading-spin .loading-spin-dots .spin-dot-item{width:8px;height:8px;background:#4D4D4D;display:block;border-radius:100%;position:absolute;opacity:.3}.loading-spin-container .loading-spin .loading-spin-dots .spin-dot-item:nth-child(1){left:0;top:0}.loading-spin-container .loading-spin .loading-spin-dots .spin-dot-item:nth-child(2){left:0;bottom:0}.loading-spin-container .loading-spin .loading-spin-dots .spin-dot-item:nth-child(3){right:0;top:0}.loading-spin-container .loading-spin .loading-spin-dots .spin-dot-item:nth-child(4){right:0;bottom:0}@keyframes logoMove{0%{top:-0.34rem}19%{top:0}38%{top:-0.34rem}100%{top:-0.34rem}}@keyframes iconShow{0%{opacity:1}19%{opacity:0}38%{opacity:1}100%{opacity:1}}@keyframes bookMove{0%{left:0rem}3.35%{left:-0.93rem}14.2%{left:-0.93rem}17.55%{left:-1.86rem}28.4%{left:-1.86rem}31.75%{left:-2.79rem}42.6%{left:-2.79rem}45.95%{left:-3.72rem}56.8%{left:-3.72rem}60.15%{left:-4.65rem}71%{left:-4.65rem}74.35%{left:-5.58rem}85.2%{left:-5.58rem}88.55%{left:-6.51rem}100%{left:-6.51rem}}@keyframes bookMoveMiddle{0%{left:0rem}2%{left:-0.93rem}9%{left:-0.93rem}11%{left:-1.86rem}18%{left:-1.86rem}20%{left:-2.79rem}27%{left:-2.79rem}29%{left:-3.72rem}36%{left:-3.72rem}38%{left:-4.65rem}45%{left:-4.65rem}47%{left:-5.58rem}54%{left:-5.58rem}56%{left:-6.51rem}63%{left:-6.51rem}65%{left:-7.44rem}72%{left:-7.44rem}74%{left:-8.37rem}81%{left:-8.37rem}83%{left:-9.3rem}90%{left:-9.3rem}92%{left:-10.23rem}100%{left:-10.23rem}}@keyframes spinRotate{100%{transform:rotate(360deg)}}/*# sourceMappingURL=./style.css.map */