#app{min-height:500px}#app .item-warp{width:100%;padding-top:20px}#app .item-warp:after{height:0;display:block;content:"";clear:both;overflow:hidden;visibility:hidden}#app .item{float:left;padding:10px;width:310px}#app .item-container .infos{position:absolute;bottom:10px}#app .container{width:1000px;margin:auto;background-color:#fff}#app .content,#app .item-container{padding:10px;box-sizing:border-box}#app .item-container{width:100%;height:200px;cursor:pointer;background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative}#app .item-container:hover{background-color:#f0f0f0}#app .item-container .title{z-index:2;position:relative;color:#fff;font-size:18px}#app .item-container .date{position:relative;z-index:2;color:#fff;font-size:14px}#app .author,#app .headimg{float:left}#app .headimg{height:50px;width:50px;border-radius:50%;background-repeat:no-repeat;background-position:50%;background-size:cover}#app .tip-mask{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);font-size:14px;padding:2px 10px;color:#fff}#app .next-page-container{padding:10px}#app .ivu-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;white-space:nowrap;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:6px 15px;font-size:12px;border-radius:4px;transition:color .2s linear,background-color .2s linear,border .2s linear;color:#495060;background-color:#f7f7f7;border:1px solid #dddee1}#app .ivu-btn-long{width:100%}#app .ivu-btn,#app .ivu-btn:active,#app .ivu-btn:focus{outline:0}#app .ivu-btn-primary{color:#fff;background-color:#2d8cf0;border-color:#2d8cf0}#app .ivu-btn-primary:hover{color:#fff;background-color:#57a3f3;border-color:#57a3f3}#app .ivu-btn-primary>button{background:none;border:none;color:#fff;width:100%}#app .ivu-btn>button:not([disabled]):active{outline:0;transition:none}#app .ivu-spin{color:#2d8cf0;vertical-align:middle;text-align:center}