#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}*{box-sizing:border-box}body,html{height:100%;width:100%}img{max-width:100%}body{padding:0;margin:0}.container{max-width:414px;padding:16px;margin:0 auto;width:100%;min-height:100%;background:url(../img/body.4b8f3ae4.png);background-size:cover;background-attachment:fixed}.banner{height:130px;margin-bottom:10px}.news-list-wrap{width:100%;border-radius:15px;opacity:1;background:hsla(0,0%,100%,.9);border:1px solid #ff7273;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);border:2px solid rgba(255,114,115,.6)}.news-list-item{padding:16px;display:flex;align-items:flex-start;border-bottom:1px solid rgba(255,114,115,.1);cursor:pointer;text-decoration:none}.news-list-item .news-pic{width:120px;height:90px;border-radius:6px;margin-right:16px;flex:0 0 130px;border-radius:10px;overflow:hidden}.news-list-item .news-title{margin:6px 0;font-size:16px;line-height:24px;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;text-align:left}.detail-page{overflow-x:hidden;overflow-y:auto}.detail-title{font-size:21px;font-weight:600;line-height:28px;color:#333;margin-top:10px;text-align:left}.detail-intro{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:28px;color:#999;margin:10px 0}.news-detail-box{padding:16px;font-size:15px;line-height:28px;color:#333;text-align:left}.detail-share{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;color:#f63b3a;font-size:16px;cursor:pointer}.icon-share{width:50px;height:50px}.news-list-wrap.news-detail-box img{height:auto}.qrcode-container{display:flex;justify-content:center;align-items:center;height:100%;padding:30px;flex-direction:column}.qrcode-container img{max-width:80%;max-height:80%}.share-title{font-weight:700;margin-bottom:20px}.share-desc{text-align:left;width:100%}.btn-back{position:fixed;right:20px;bottom:80px;background:hsla(0,0%,100%,.9);border-radius:50%;width:50px;height:50px;border:none;box-shadow:0 0 10px rgba(0,0,0,.1);padding:8px}.btn-back,.page-box{color:#f63b3a;display:flex;align-items:center}.page-box{flex-direction:row;justify-content:center;margin-top:20px;margin-bottom:20px;font-weight:700}.page-box button{background:#fff;background:none;border-radius:4px;border:none;margin:0 20px}