.boundary{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.boundary .refresh{color:#3688ff;display:block;text-align:center}
body,html{padding:0;margin:0;width:100%;height:100%;color:#333;font-size:16px;background-color:#f5f5f5;font-family:PingFang SC,Helvetica Neue,Hiragino Sans GB,Helvetica,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent}*{max-height:999999px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%!important;margin:0}#root{width:100%;height:100%}a{color:#000;text-decoration:none}.vc-switch,.vc-toggle{font-size:12px!important}.vc-switch{bottom:20%!important}.page{background:#fff;width:100vw;min-height:100vh;overflow:hidden;position:relative}p{margin:0}img{display:block}.p-15{padding:0 15px}.flex-center{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}.download-app{width:100%;height:54px;overflow:hidden;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.download-app .top-logo img:first-child{width:33px}.download-app .top-logo img:nth-child(2){height:21px;margin-left:8px}.download-app .download-button{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:28px;padding:0 18px;background:-webkit-gradient(linear,right top,left top,from(#cc8cff),to(#998cff));background:-webkit-linear-gradient(right,#cc8cff,#998cff);background:linear-gradient(270deg,#cc8cff,#998cff);border-radius:75px 75px 75px 75px;border:1px solid #d3ceff;font-size:14px;font-family:PingFang SC-Medium,PingFang SC;color:#fff}.title-box{width:100%;height:346px;background:url(https://cdn.joyreadings.com/web/brand-page/pages/f2dc52edd5.png) no-repeat bottom;background-size:cover;position:relative;left:0;top:0}.title-box .cover-box{width:145px;height:188px;background:url(https://cdn.joyreadings.com/web/brand-page/pages/13fa08005a.png) no-repeat 50%;background-size:cover;margin:32px auto 15px;overflow:hidden;position:relative}.title-box .cover-box .avatar{width:126px;position:absolute;bottom:4px;left:0;right:0;margin:auto;border-radius:12px}.title-box h3{width:80%;margin:0 auto;text-align:center;font-size:18px;font-family:SF Pro Display-Bold,SF Pro Display;font-weight:700;color:#17142a;line-height:24px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.title-box .classification{height:20px;margin:12px auto 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.title-box .classification .classification-left{font-size:14px;font-family:SF Pro Display-Regular,SF Pro Display;color:rgba(51,51,51,.40000001);margin-right:20px}.title-box .classification .classification-left .classification-left-avatar{width:14px;height:14px;background:#c4c4c4;border-radius:50%;overflow:hidden}.title-box .classification .classification-left .classification-left-name{margin:0 4px}.title-box .classification .classification-left .classification-left-right{height:11px}.title-box .classification .classification-right{padding:3px 18px;text-align:center;background:rgba(225,231,255,.47999999);border-radius:30px;font-size:12px;font-family:SF Pro Display-Regular,SF Pro Display;color:#9a8cff}.title-box .title-footer{width:90%;height:74px;background:#fff;-webkit-box-shadow:0 4px 20px 1px #eef1fc;box-shadow:0 4px 20px 1px #eef1fc;border-radius:18px;border:1px solid #9a8cff;position:absolute;left:0;right:0;bottom:-37px;margin:auto}.title-box .title-footer>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;height:44px}.title-box .title-footer>div:first-child{border-right:1px solid rgba(9,0,72,.16)}.title-box .title-footer>div h4{font-size:17px;color:#28234a}.title-box .title-footer>div p{font-size:14px;color:#a9a7b7}.content{margin-top:63px;padding:0 15px;font-size:16px}.content div{margin-top:10px;color:#5c5c5c;line-height:23px;font-weight:400;white-space:pre-wrap}.footer{height:83px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:62px}.footer img:first-child{width:36px}.footer img:nth-child(2){height:26px;margin-left:15px}.footer-button{min-height:63px;padding:10px 0;width:100%;position:fixed;bottom:0;background:#fff}.footer-button,.footer-button a{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer-button a{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;width:84%;padding:8px 32px;text-align:center;background:-webkit-gradient(linear,right top,left top,from(#cc8cff),to(#998cff));background:-webkit-linear-gradient(right,#cc8cff,#998cff);background:linear-gradient(270deg,#cc8cff,#998cff);border-radius:38px;font-size:16px;font-family:SF Pro Display-Regular,SF Pro Display;color:#fff}