#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,nav a{color:#2c3e50}nav a{font-weight:700}nav a.router-link-exact-active{color:#42b983}.recommend{margin-bottom:18.33333333vw}.recommend .header{margin:3.136vw 2.0053vw 5.3333vw}.recommend h4{font-size:20px;font-weight:600;text-align:center;margin-bottom:.0094rem;font-family:-apple-system}.recommend .header .you{display:flex;align-items:center;justify-content:center}.recommend .header .you div{border-radius:.75rem;overflow:hidden}.recommend .header .you img{width:1.75rem;height:1.75rem}.recommend .header .you p{font-size:15px;margin-left:12px;color:#6e47ca}.recommend .chaptercontent{opacity:0;transition:all .5s;margin:23.52px 15.04px 5.12px;font-size:1.125rem;font-weight:500;color:#32343a;font-family:PingFangSC-Regular,PingFang SC;padding:6.4px 5.76px 6.4px 6.4px;word-spacing:normal;word-break:break-word}.recommend .chapterend{display:flex;flex-direction:column;align-items:center;margin-top:1.25rem}.recommend .chapterend a{margin-bottom:1.25rem;color:#6e47ca;padding-bottom:.1875rem;border-bottom:2.4px solid #6e47ca}.recommend .chapterend p{font-size:.8125rem;margin-bottom:1.125rem;color:#969696}.tagstyle{color:#bb2649;font-family:Roboto Medium;font-weight:600}.tagstyle span{display:inline-block;height:1.875rem;padding:0 8px;background:#ffe8e9;border-radius:.6667vw;margin-left:10px;margin-bottom:10px;line-height:30px;text-align:center}footer{position:fixed;left:0;bottom:0;width:100%;height:17.33333333vw;background-color:#fff;display:flex;justify-content:space-around;align-items:center;text-align:center}footer button{width:80%;height:14vw;border-radius:7vw;font-size:5vw}footer a,footer button{background:#6e47ca;color:#fff;font-weight:600}footer a{width:18.75rem;height:2.875rem;border-radius:1.4375rem;line-height:2.875rem;font-size:1.25rem}.loading{position:absolute;width:100px;height:100px;left:50%;top:220px;margin-left:-50px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:rotate 1.5s linear infinite;z-index:1}@keyframes rotate{to{transform:rotate(1turn)}}.circle{stroke-dasharray:345;stroke-dashoffset:172}body{font-size:12px;font-family:Microsoft YaHei,宋体,Tahoma,Arial,sans-serif;background-color:#fdfdfd}button,fieldset,img,input,textarea{border:none;outline-style:none}textarea{resize:none}a{text-decoration:none;color:#969696;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{width:100%;display:block}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:400;font-size:100%}em,i{font-style:normal}.fl{float:left}.fr{float:right}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.one-txt-cut{white-space:nowrap}.one-txt-cut,.txt-cut{overflow:hidden;text-overflow:ellipsis}.txt-cut{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body{background-color:#f6f6f6;position:relative}