.wrap{background:#fff;width:375px;margin:0 auto;min-height:100vh;padding-bottom:72px}.wrap .w-top{overflow-x:hidden;overflow-y:auto}.wrap .w-bot{background:#fff;height:72px;width:375px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 15px;position:fixed;bottom:0}.wrap .w-bot .wb-logo .joyread-img{height:48px;width:auto}.wrap .w-bot .wb-logo .tapon-img{height:36px;width:auto}.wrap .w-bot .wb-logo .kiki-img,.wrap .w-bot .wb-logo .joyreels-img{height:40px;width:auto}.wrap .w-bot .wb-btn{padding:0 10px;height:41px;border-radius:38px;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:16px}.wrap .w-bot .wb-btn .icon-down{width:16px;height:16px;margin-left:10px}.wrap .w-bot .wb-btn-2{background:-webkit-gradient(linear,right top,left top,from(#cc8cff),to(#9a8cff));background:-webkit-linear-gradient(right,#cc8cff 0%,#9a8cff 100%);background:linear-gradient(270deg,#cc8cff,#9a8cff)}.wrap .w-bot .wb-btn-3{background:-webkit-gradient(linear,left top,right top,from(#ef9f88),to(#ff6551));background:-webkit-linear-gradient(left,#ef9f88 0%,#ff6551 100%);background:linear-gradient(90deg,#ef9f88,#ff6551)}.wrap .w-bot .wb-btn-6{background:#fe12a4}.wrap .w-bot .wb-btn-8{background:-webkit-gradient(linear,left top,right top,from(#f43574),to(#f44c35));background:-webkit-linear-gradient(left,#f43574 0%,#f44c35 100%);background:linear-gradient(90deg,#f43574,#f44c35)}.wrap .w-bot .click-img{position:absolute;-webkit-animation-name:click;animation-name:click;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;right:2px;bottom:10px;width:66px;height:56px;pointer-events:none}.wrap .w-bot .click-img img{width:100%;height:100%}@-webkit-keyframes click{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes click{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}.no-content-wrap{width:100%;min-height:100%;padding:20px 15px;background:url(https://page.joyreadland.com/assets/no-content-wrap.BBR5fyGx.png) 100% 100% no-repeat}.no-content-wrap .nc-wrap{background:#fbfbfe29;-webkit-box-shadow:0px 4px 18px 0px rgba(97,32,108,.2);box-shadow:0 4px 18px #61206c33;border-radius:12px;opacity:1;-webkit-border-image:-webkit-linear-gradient(281deg,#ffffff,#e9e9f7) 1 1;-o-border-image:linear-gradient(169deg,#ffffff,#e9e9f7) 1 1;border-image:linear-gradient(169deg,#fff,#e9e9f7) 1 1}.no-content-wrap .nc-top{width:100%;height:278px;background:url(data:image/png;base64,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) top / 100% no-repeat;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.no-content-wrap .nc-top .avatar{margin-top:32px;width:192px;height:256px;-webkit-box-shadow:0px 13px 20px -7px rgba(132,56,135,.6);box-shadow:0 13px 20px -7px #84388799;border-radius:12px}.no-content-wrap .nc-top .hot{width:64px;height:64px;position:absolute;top:8px;right:56px}.no-content-wrap .nc-title{margin-top:26px;width:100%;padding:0 20px;text-align:center;height:48px;font-size:20px;font-weight:600;color:#fff;line-height:23px}.no-content-wrap .nc-read{width:265px;height:37px;margin:26px auto 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff}.no-content-wrap .nc-read .nr-list{width:132px;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.no-content-wrap .nc-read .nr-list .nrl-num{font-size:16px;font-weight:600;line-height:1}.no-content-wrap .nc-read .nr-list .nrl-tip{font-size:12px;line-height:1}.no-content-wrap .nc-read .nr-split{width:1px;height:37px;background:#fff}.no-content-wrap .nc-rate{margin-top:32px;width:100%;height:111px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),to(#ffffff));background:-webkit-linear-gradient(top,rgba(255,255,255,.7) 0%,#ffffff 100%);background:linear-gradient(180deg,#ffffffb3,#fff);border-radius:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.no-content-wrap .nc-rate .nr-left{width:136px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.no-content-wrap .nc-rate .nr-left .nl-count{font-size:24px;font-weight:400;color:#000000b3;-webkit-text-stroke:1px rgba(0,0,0,.7);font-style:italic}.no-content-wrap .nc-rate .nr-left .nl-tip{font-size:12px;font-weight:400;color:#0006;line-height:14px;margin-top:8px}.no-content-wrap .nc-rate .nr-right{width:137px;height:85px}.no-content-wrap .nc-rate .nr-right img{width:100%;height:100%}.no-content-wrap .nc-rate .nc-split{width:1px;height:71px;background:#c593ba;opacity:.2;margin:0 16px}.has-content-wrap{width:375px;background:#f7f7fc}.has-content-wrap .hc-top{width:100%;height:275px;background:url(https://page.joyreadland.com/assets/hc-bg.CY3ZMFhx.png) top / 100% no-repeat;position:relative;padding:20px 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.has-content-wrap .hc-top .hc-img{width:120px;height:160px;border-radius:12px}.has-content-wrap .hc-top .hc-detail{width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:160px;margin-left:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#fff;overflow:hidden}.has-content-wrap .hc-top .hc-detail .hd-title{height:48px;font-size:20px;font-weight:600;line-height:24px}.has-content-wrap .hc-top .hc-detail .hd-read{margin-top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;height:42px}.has-content-wrap .hc-top .hc-detail .hd-read .hdr-list{width:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.has-content-wrap .hc-top .hc-detail .hd-read .hdr-list .hl-span-1{font-weight:600;font-size:16px}.has-content-wrap .hc-top .hc-detail .hd-read .hdr-list .hl-span-2{font-size:12px}.has-content-wrap .hc-top .hc-detail .hd-tag{margin-top:10px;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.has-content-wrap .hc-top .hc-detail .hd-tag .tag-list{height:20px;border-radius:20px;padding:0 8px;border:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;margin-right:8px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.has-content-wrap .hc-top .ht-rate{position:absolute;top:196px;left:15px;width:345px;height:103px;background:#ffffffb3;border-radius:12px;opacity:1;-webkit-border-image:-webkit-linear-gradient(281deg,#ffffff,#e9e9f7) 1 1;-o-border-image:linear-gradient(169deg,#ffffff,#e9e9f7) 1 1;border-image:linear-gradient(169deg,#fff,#e9e9f7) 1 1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.has-content-wrap .hc-top .ht-rate .nr-left{width:136px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.has-content-wrap .hc-top .ht-rate .nr-left .nl-count{font-size:24px;font-weight:400;color:#000000b3;-webkit-text-stroke:1px rgba(0,0,0,.7);font-style:italic}.has-content-wrap .hc-top .ht-rate .nr-left .nl-tip{font-size:12px;font-weight:400;color:#0006;line-height:14px;margin-top:8px}.has-content-wrap .hc-top .ht-rate .nr-right{width:136px}.has-content-wrap .hc-top .ht-rate .nr-right img{width:100%;height:auto}.has-content-wrap .hc-top .ht-rate .nc-split{width:1px;height:71px;background:#c593ba;opacity:.2;margin:0 16px}.has-content-wrap .hc-content{padding:48px 15px 0}.has-content-wrap .hc-content .title{font-weight:500;font-size:16px;color:#383838}.has-content-wrap .hc-content .text{margin:8px 0 24px;color:#777;line-height:23px;font-size:14px;padding-bottom:30px;white-space:pre-wrap;word-wrap:break-word}.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.direction-rtl .wrap .w-bot .wb-btn-3{background:-webkit-linear-gradient(358.61deg,#f99451 1.18%,#fd6b0a 98.82%);background:linear-gradient(91.39deg,#f99451 1.18%,#fd6b0a 98.82%)}