*{margin:0;padding:0}footer,header,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ol,ul{list-style:none}a{text-decoration:none}em,i{font-style:normal}table{border-collapse:collapse;border-spacing:0}img{border:0;height:auto;max-width:100%;vertical-align:middle;width:auto}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{background-color:#d4eae9;color:#001312;font-family:PingFang-SC-Regular,Helvetica,"sans-serif"}.hidden{display:none}.show{display:block}@font-face{font-display:swap;font-family:Chalkboard SE;font-style:normal;font-weight:100 900;src:url(../font/2ba0dc3a3aeaf8a94097b7b60b382990.woff2) format("woff2")}header{background-color:#00a9a3;left:0;position:fixed;top:0;width:100vw;z-index:10}.header{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:56px;justify-content:space-between;padding:0 10px}.header h1{width:140px}.nav{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;min-width:500px}.nav svg{fill:#fff}.nav i{vertical-align:middle}.nav a{color:#fff}.nav a:hover{color:hsla(0,0%,100%,.4)}.nav a:hover svg{fill:hsla(0,0%,100%,.4)}.privacy-btn{cursor:pointer;position:relative}.privacy-wrap{background-color:rgba(170,216,214,.8);border-radius:8px;-webkit-box-shadow:0 4px 40px rgba(0,0,0,.04);box-shadow:0 4px 40px rgba(0,0,0,.04);padding:10px 0;position:absolute;right:20px;top:54px;z-index:66}.privacy-wrap a{color:#001312;display:block;padding:10px 20px;white-space:nowrap}.privacy-wrap a:hover{color:rgba(0,0,0,.4)}.container{margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.index-main,.read-story-main,.story-detail-main{padding-top:86px}.book-main{position:relative;z-index:2}.book-item{float:left;opacity:0;padding:10px;width:33.3333333333%}.book-item.shown{opacity:1}.book-item.animate{-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards;-webkit-transform:translateY(200px);transform:translateY(200px)}.pic{border-radius:16px;display:block;overflow:hidden;position:relative}.pic img{-webkit-transition:all .3s;transition:all .3s}.mask-info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:rgba(51,51,51,.8);border-radius:12px;cursor:pointer;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:space-between;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:6}.action-main,.mask-info,.share-box{display:-webkit-box;display:-ms-flexbox;display:flex}.action-main{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;justify-content:space-between;padding:4px 10px}.detail-like,.like{cursor:pointer;position:relative}.detail-like i,.like i{display:block}.detail-like svg,.like svg{vertical-align:middle}.detail-like .num,.like .num{color:#fff;font-size:12px;left:25px;position:absolute;top:5px}.detail-like .like-animation,.like .like-animation{color:#e76319;font-size:13px;opacity:0;position:absolute;right:-8px;top:-8px}.detail-like .like-animation.animate,.like .like-animation.animate{-webkit-animation:likeAnimation 1s ease-in-out;animation:likeAnimation 1s ease-in-out}@-webkit-keyframes likeAnimation{0%{opacity:.3;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes likeAnimation{0%{opacity:.3;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}}.read-btn{background:#e76319;border-radius:100px;color:#fff;font-size:12px;padding:9px 24px}.title-box{padding:10px}.book-title{background-color:hsla(0,0%,100%,.7);border-radius:8px;color:#001312;display:inline-block;font-family:Chalkboard SE!important;font-size:16px;font-weight:500;line-height:1.5;padding:7px 12px}footer{background:-webkit-gradient(linear,left top,left bottom,from(hsla(47,88%,77%,0)),to(#f8e293));background:linear-gradient(180deg,hsla(47,88%,77%,0),#f8e293);bottom:0;left:0;padding-top:300px;position:fixed;right:0;z-index:1}.top-detail{background-color:#fff;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;max-width:890px;position:relative}.detail-pic{border-radius:12px;max-width:356px;overflow:hidden}.detail-pic img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ml20{margin-left:20px}.like-left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}.detail-right,.like-left{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.detail-right{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;justify-content:space-between;padding:20px}.detail-right h2{color:#001312;font-family:Chalkboard SE;font-size:26px;font-weight:600}.tag-box{margin-top:16px}.tag-box a,.tag-box span{border:1px solid #cfd4d4;border-radius:100px;color:#6a6f6e;display:inline-block;font-size:12px;margin-right:16px;padding:7px 20px}.tag-box a:hover{background-color:#00a9a3;border:1px solid #00a9a3;color:#fff}.detail-des{border-bottom:1px solid #cfd4d4;color:#001312;font-size:12px;line-height:20px;padding-bottom:12px;padding-top:30px}.detail-action{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:20px}.detail-action .detail-like .num{color:#001312}.book-wrap{margin-top:60px}.more-title{font-family:Chalkboard SE;font-size:28px;font-weight:600;margin-bottom:20px;text-align:center}.detail-like{cursor:pointer;position:relative}.detail-like i{display:block}.detail-like span{color:#001312;position:absolute;right:-20px;top:6px}.detail-btn{background-color:#e76319;border-radius:100px;color:#fff;font-size:12px;height:40px;line-height:40px;text-align:center;width:180px}.detail-btn i{display:inline-block;width:24px}.detail-btn span,.detail-btn svg{vertical-align:middle}.library-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px}.library-nav a{border:1px solid #aad8d6;border-radius:100px;color:#001312;font-size:12px;margin-bottom:10px;margin-right:20px;padding:8px 20px}.library-nav a.active,.library-nav a:hover{background-color:#aad8d6}.read-swiper-box .swiper-button-next,.read-swiper-box .swiper-button-prev{background-color:#e76319;border-radius:10px;height:42px;width:42px}.read-swiper-box .swiper-button-disabled.swiper-button-next,.read-swiper-box .swiper-button-disabled.swiper-button-prev{background-color:#001312;opacity:.2}.read-swiper-box .swiper-button-next:after,.read-swiper-box .swiper-button-prev:after{color:#fff}.read-wrap{margin:auto;max-width:1050px;position:relative}.end-box,.read-swiper-box .slide-box{background-color:#fff;border-radius:16px;padding:8px}.read-swiper-box{--swiper-navigation-color:$white;--swiper-navigation-size:20px}.read-swiper-box .swiper-button-prev{left:106px}.read-swiper-box .swiper-button-next{right:106px}.read-swiper-box .swiper-slide{padding:0 80px}.read-swiper-box .page{background-color:rgba(0,19,18,.7);border-radius:100px;color:#fff;height:22px;line-height:22px;position:absolute;right:100px;text-align:center;top:20px;width:50px;z-index:66}.read-swiper-box .slide-txt{padding:20px 100px}.read-swiper-box .slide-txt p{font-family:Chalkboard SE;font-size:13px;line-height:20px;margin-bottom:20px}.content-box{background-color:#aad8d6;border-radius:16px;position:relative}.content-box .imgpage{height:420px;padding-top:20px}.content-box img{border-top-left-radius:16px;border-top-right-radius:16px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.read-end{padding:0 80px;position:relative}.end-content{border-radius:16px}.end-content img{border-top-left-radius:16px;border-top-right-radius:16px;height:100%;width:100%}.ad-book-end{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:center;background:#d7e8e9;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;margin-top:16px;min-height:180px;padding:4px}.ad-book-end p{color:#999;font-size:12px;text-align:center}.end-modal{background-color:#fff;border-radius:16px;-webkit-box-shadow:0 4px 0 0 rgba(255,231,170,.8);box-shadow:0 4px 0 0 rgba(255,231,170,.8);left:50%;padding-bottom:20px;position:absolute;text-align:center;top:100px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:366px}.end-modal .share-box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-box{margin-bottom:10px}.modal-title{background:url(/static/img/title.png);background-size:100%;height:84px;left:50%;position:absolute;top:-40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:406px}.modal-title p{font-size:22px;margin-top:14px}.modal-content{margin-top:44px}.modal-content p{margin:20px auto;max-width:232px}.mt{margin-left:44px}.next-btn{display:inline-block;margin:0 auto}.privacy,.terms{color:#001312}.privacy h2,.terms h2{font-size:28px;font-weight:500}.privacy h3,.terms h3{color:#001312;font-size:24px;font-weight:500;margin-top:20px}.privacy h4,.terms h4{font-size:20px;font-weight:500;margin-top:10px}.privacy li,.privacy p,.terms li,.terms p{color:#6a6f6e;line-height:24px;margin-top:10px}.privacy,.terms{padding-bottom:40px;padding-top:86px}@-webkit-keyframes moveUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.app-tips{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:hsla(0,0%,45%,.9);bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;justify-content:space-between;left:0;padding:5px 10px;position:fixed;right:0;z-index:9}.app-tips-ls{margin-top:10px}.app-tips-item{background-color:#fff;border:1px solid hsla(0,0%,100%,.5);border-radius:4px;color:#fff;color:#333;cursor:pointer;display:inline-block;line-height:28px;text-align:center;width:80px}.app-tips-text{max-width:85%}@media screen and (max-width:768px){.nav{min-width:240px}.nav a i{display:none}.book-title{font-size:12px;font-weight:400;padding:4px 8px}.read-swiper-box .swiper-slide{padding:0 10px}.read-swiper-box .slide-txt{padding:20px 60px}.read-swiper-box .page{right:20px}.read-end{padding:0 10px}.book-item{width:50%}.top-detail{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 10px}.detail-pic{max-width:100%}.content-box .imgpage{height:220px;padding-top:20px}}