@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);text-align:center;z-index:150}.loadBox{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loadBox,.loadBox .borLine{width:1rem;height:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.loadBox .borLine{left:0;top:0;border:.1rem solid #16a15e;border-radius:50%;border-left-color:transparent;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.play-box[data-v-02b9723f]{margin:0 auto;width:17.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Arial,Helvetica,sans-serif}.play-box .play-btn[data-v-02b9723f]{width:1.4rem;height:1.4rem;background:url(http://feed.youshu.cc/readwith/media/picture/5f995257deb28.png) no-repeat;background-size:100% 100%;border-radius:50%;margin-right:.575rem}.play-box .play-btn.active[data-v-02b9723f]{background:url(http://feed.youshu.cc/readwith/media/picture/5f995257e1bea.png) no-repeat;background-size:100% 100%}.play-box .play-bar[data-v-02b9723f]{width:11.675rem;height:.075rem;background:hsla(0,0%,100%,.2);border-radius:.125rem;position:relative}.play-box .play-bar[data-v-02b9723f]:before{display:block;content:"";width:3.55rem;height:.075rem;background:hsla(0,0%,100%,.2);position:absolute;right:-3.55rem}.play-box .play-bar .play-scroll[data-v-02b9723f]{position:absolute;left:0;top:0;width:0;height:100%;background:#fff}.play-box .play-bar .time-bar[data-v-02b9723f]{position:absolute;left:0;top:50%;font-family:Arial,Helvetica,sans-serif;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3.55rem;background:#fff;-webkit-box-shadow:0 .15rem .4rem 0 rgba(0,191,127,.2);box-shadow:0 .15rem .4rem 0 rgba(0,191,127,.2);border-radius:.5rem;font-size:.5rem;font-weight:400;padding:.25rem 0;text-align:center;color:#151515}.morningNight{width:100%;height:100vh;min-height:32.5rem;overflow-scrolling:touch;overflow:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3.5rem 0 6.25rem;font-family:Arial,Helvetica,sans-serif}.morningNight .case_bg{bottom:0;height:100%;z-index:-1}.morningNight .case_bg,.morningNight .case_top{position:fixed;right:0;left:0;top:0;width:100%;overflow:hidden}.morningNight .case_top{height:2.75rem;background:rgba(0,0,0,.8);padding:0 .75rem;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;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.morningNight .case_top .logo{width:1.75rem;height:1.75rem;display:block;margin-right:.35rem}.morningNight .case_top .text{-webkit-box-flex:1;-ms-flex:1;flex:1}.morningNight .case_top .text .title{font-size:.8rem;font-weight:600;color:hsla(0,0%,100%,.9);line-height:1.125rem}.morningNight .case_top .text .desc{font-size:.6rem;font-weight:400;color:#fff;line-height:.825rem;opacity:.6}.morningNight .case_top .button{width:3.625rem;height:1.4rem;background:#00bf7f;border-radius:.7rem;font-size:.65rem;color:#fff;line-height:1.4rem;text-align:center;font-weight:600}.morningNight .case_top .button .open_app{width:3.625rem;height:1.4rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.morningNight .case_bottom{position:absolute;left:50%;bottom:0;right:0;width:17.25rem;height:6.25rem;border-radius:1.1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.morningNight .case_bottom .button_open{width:17.25rem;height:2.2rem;display:block;margin:0 auto;background:-webkit-gradient(linear,left top,right top,from(#09d692),to(#00bf7f));background:linear-gradient(90deg,#09d692,#00bf7f);font-size:.75rem;font-weight:600;color:#fff;line-height:2.2rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:.5px}.morningNight .case_bottom .button_case,.morningNight .case_bottom .button_open{-webkit-box-shadow:0 .425rem .525rem -.05rem rgba(0,0,0,.22);box-shadow:0 .425rem .525rem -.05rem rgba(0,0,0,.22);border-radius:1.1rem;overflow:hidden}.morningNight .card_case{width:13.925rem;height:13.925rem;position:relative;margin:0 auto;display:block;border-radius:.75rem}.morningNight .card_case:before{content:"";display:block;width:12.5rem;height:12.5rem;background:#000;border-radius:.75rem;-webkit-filter:blur(30px);filter:blur(30px);position:absolute;top:1.925rem;left:.825rem;z-index:-1}.morningNight .card_case .bg_case{width:13.925rem;height:13.925rem;margin:0 auto;display:block;border-radius:.75rem;z-index:-1;overflow:hidden}.morningNight .card_case .bg_case img{width:13.925rem;height:13.925rem;-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1.45);transform:scale(1.45)}.morningNight .card_case .mark{width:1.3rem;height:auto;display:block;position:absolute;left:1.2rem;top:1.325rem}.morningNight .card_case .date{position:absolute;right:1.075rem;top:1.075rem;text-align:right}.morningNight .card_case .date .week{font-size:.55rem;font-weight:500;color:#fff;line-height:.75rem;text-shadow:0 0 .5rem rgba(0,0,0,.3)}.morningNight .card_case .date .day{font-size:.55rem;font-family:Arial,Helvetica,sans-serif;font-weight:300;color:hsla(0,0%,100%,.7);line-height:.625rem;text-shadow:0 .05rem .5rem rgba(0,0,0,.3)}.morningNight .card_case .content{position:absolute;top:3.4rem;left:0;right:0;padding:0 1.2rem;font-size:.95rem;font-weight:600;color:#fff;line-height:1.5rem;text-shadow:0 0 .5rem rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.morningNight .card_case .check_time{position:absolute;left:0;bottom:3.35rem;width:100%;text-align:center;font-size:.55rem;font-weight:400;color:hsla(0,0%,100%,.7);line-height:.75rem;text-shadow:0 0 .5rem rgba(0,0,0,.5)}.morningNight .card_case .check_button{position:absolute;left:0;bottom:1rem;width:100%;height:1.95rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.morningNight .card_case .check_button .check_btn{margin:0 auto;width:10.95rem;height:1.95rem;line-height:1.95rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;background:hsla(0,0%,100%,.8);border-radius:1.1rem;font-size:.75rem;font-weight:600;color:#2a2a2a}.morningNight .text_case{padding:.6rem .75rem;text-align:center;width:100%;height:3.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap}.morningNight .text_case,.morningNight .text_case .book_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.morningNight .text_case .book_title{width:15rem;height:1.125rem;margin:0 auto;font-size:.75rem;font-weight:600;color:#fff;line-height:1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.morningNight .text_case .book_title span{position:relative;padding-right:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.morningNight .text_case .book_title img{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.35rem;height:auto}.morningNight .text_case .next_title{margin:0 auto;width:15rem;font-size:.6rem;font-weight:400;color:hsla(0,0%,100%,.3);line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.morningNight .review_case{bottom:6.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;height:calc(100% - 27rem);min-height:4.3rem;overflow:hidden;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(30%,#000));-webkit-mask-image:linear-gradient(top,transparent,#000 30%);mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(30%,#000));mask-image:linear-gradient(top,transparent,#000 30%);-moz-mask-image:-moz-linear-gradient(top,transparent 0,#000 30%)}.morningNight .review_case,.morningNight .review_case .slide_list_case{width:100%;padding:0 .75rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;right:0}.morningNight .review_case .slide_list_case{height:auto;bottom:0}.morningNight .review_case .slide_list{width:100%;margin-bottom:.4rem;height:1.75rem;position:relative;-webkit-transform-origin:0 100% 0;transform-origin:0 100% 0}.morningNight .review_case .slide_list.swiper_slide_last{height:1.75rem;-webkit-transform-origin:0 100% 0;transform-origin:0 100% 0;-webkit-animation:addLast 2s linear forwards;animation:addLast 2s linear forwards}.morningNight .review_case .slide_list.swiper_slide_last:after{content:"";display:block;position:absolute;left:.5rem;bottom:-.35rem;width:.4rem;height:.35rem;z-index:1;background:url(http://feed.youshu.cc/readwith/media/picture/5f995257e2fc8.png) no-repeat;background-size:100% auto}.morningNight .review_case .slide_list.hidden{opacity:0;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.morningNight .review_case .slide_list.translucent{opacity:.5;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.morningNight .review_case .comment{display:inline-block;max-width:17.25rem;height:1.75rem;background:hsla(0,0%,100%,.08);-webkit-box-shadow:0 .15rem .75rem 0 rgba(0,0,0,.06);box-shadow:0 .15rem .75rem 0 rgba(0,0,0,.06);padding:0 .5rem 0 1.75rem;border-radius:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;line-height:1.75rem;font-size:.7rem;font-weight:400;color:#fff;margin:0}.morningNight .review_case .comment.hidden_last{opacity:.5}.morningNight .review_case .comment.hidden{opacity:0;display:none}.morningNight .review_case .comment img{width:.9rem;height:.9rem;border-radius:50%;position:absolute;left:.5rem;top:50%;margin-top:-.45rem;opacity:.7}.morningNight .review_case .comment .text{margin:0;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.morningNight .play_case{width:100%;height:2.5rem}@-webkit-keyframes changeTop{0%{top:1.75rem}15%{top:0}to{top:0}}@keyframes changeTop{0%{top:1.75rem}15%{top:0}to{top:0}}@-webkit-keyframes addLast{0%{height:0;-webkit-transform:scale(0);transform:scale(0)}15%{height:1.75rem;-webkit-transform:scale(1);transform:scale(1)}to{height:1.75rem;-webkit-transform:scale(1);transform:scale(1)}}@keyframes addLast{0%{height:0;-webkit-transform:scale(0);transform:scale(0)}15%{height:1.75rem;-webkit-transform:scale(1);transform:scale(1)}to{height:1.75rem;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (min-width:600px){.morningNight{-webkit-transform:scale(.6) translateY(-10rem);transform:scale(.6) translateY(-10rem)}.appShare{width:100vw;height:100vh;overflow:hidden}}