.img-enlarge{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.img-enlarge img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.edit{position:fixed;left:0;right:0;bottom:0;border-top:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.8rem;background-color:#fff}.edit__text{font-size:.3rem;color:#101010}.icon-edit{font-size:.32rem;margin-right:.2rem;color:#4fa0ff;display:inline-block}.loading{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading__box{padding:.4rem;border-radius:5px;background-color:#f4f4f4;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading .icon-loading-out{color:#909090;font-size:1rem;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.no__list{height:100vh;background-color:#eee}.no__list--box{padding:.5rem 0;text-align:center;background-color:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.item-type{display:-webkit-box;display:-ms-flexbox;display:flex}.item-type-left{-webkit-box-flex:1;-ms-flex:1;flex:1}.item-type-left-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.item-type-left-wrap>p{width:100%}#app{min-height:100vh;font-size:.28rem}body,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0}a,body,button,div,html,input,li,p,span,textarea,ul{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif}ul{padding:0;list-style:none}.clearfix:after{content:"";display:block;clear:both}button,input,textarea{border:none;outline:none}a,button,div,img,input,li,option,p,select,span,ul{appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}input:active,input:focus,input:hover,input:visited{border:none;outline:none}div{-webkit-overflow-scrolling:touch}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.img__box{position:relative;overflow:hidden}.img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.index-item:not(:last-child){border-bottom:1px solid #eee}.index-item{padding:.1rem .2rem}.index-header,.index-item,.item-title{position:relative}.item-title{float:left;max-width:85%;padding-right:.14rem;font-size:.32rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-jiantou,.item-title{color:#000}.item-detail{position:absolute;right:.2rem;top:.1rem;height:.4rem;line-height:.4rem}.item-detail i{display:inline-block;vertical-align:top}.item-type{font-size:.24rem;line-height:.4rem;color:#999}.item-time{float:right}.item-text{font-size:.28rem;color:#666}.index-item .item-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index__item--imgs{margin-top:.1rem}.index__img--box{display:inline-block;width:60px;height:60px;margin-right:.1rem}.index__img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.img:not(:last-child){margin-right:.2rem}.is-read{position:absolute;right:0;width:0;height:0;display:inline-block;padding:4px;background-color:red;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.img-large{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.img-large img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.maxWidth{width:100%;height:auto}.maxHeight{height:100%;width:auto}