.title{font-size:18px;color:#000}.date{font-size:12px;padding:8px 0}.content{font-size:14px;text-align:justify}.author{color:#5c91e2;padding:0 10px}.reply-box{position:fixed;height:35px;padding-top:5px;background-color:#fff;bottom:0;left:0;width:100%;border-top:1px solid #eee}.reply-box>input{width:79%;height:29px;margin-left:2%;padding:0 1%;border:0 solid #eee;-webkit-box-shadow:0 0 1px 1px #eee;box-shadow:0 0 1px 1px #eee;outline:none;background:none;border-radius:4px}.btn-replay,.reply-box>input{-webkit-box-sizing:border-box;box-sizing:border-box}.btn-replay{display:inline-block;width:14%;height:30px;float:right;color:#7b79a0;margin-right:2%;border-radius:4px;line-height:32px;text-align:center;background:#26a1ff;color:#fff}.commentitem{padding:10px;background:#f6f6f6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.15);box-shadow:0 2px 4px 0 rgba(0,0,0,.15);border-radius:4px;margin-bottom:6px}.headimg{width:36px;height:36px;border-radius:50%;float:left;overflow:hidden}.headimg>img{width:100%;height:100%}.userinfo{margin-left:42px}.userinfo>div:first-child{font-size:14px;color:#8c8c8c}.userinfo>div:nth-child(2){font-size:12px;color:#afafaf}.summary{width:100%;margin:0 auto;padding:10px}.commentzan{text-align:right}.artinfo{padding-top:20px}