body{background:#f6f6f6;margin:0 auto;max-width:1000px;padding:5px}body>header{text-align:center;padding:40px 0 20px;background:#fff}body>header>h1{font-size:26px;margin:0;color:#485763}.article{margin:0;border-top:1px solid #eee;padding:20px 40px 40px;background:#fff;position:relative;color:#5a5a5a}.article:after{content:"";display:block;clear:both}.clearfix{clear:both}.tags{margin:20px 0 10px}.tags .tag{background:#aaa;color:#fff;padding:3px 11px;margin-right:10px;display:inline-block;vertical-align:middle;font-size:14px}.time{font-size:14px;margin-top:15px;position:relative;left:-15px;float:left}.look{font-size:14px;margin-top:15px;float:right;margin-right:-15px}@media screen and (max-width: 700px){body{margin:0;background:#fff}body>h1{margin:0;padding:1rem}ul{margin-left:2rem}.article{padding:1rem;margin-bottom:0}.time{font-size:14px;margin-top:15px;left:0}.look{font-size:14px;margin-top:15px;float:right;margin-right:0}}@media print{.comments,.footbar,.tags{display:none}}.comments{max-width:1000px;margin:20px auto 0;overflow:hidden;background:#fff}.comment-header{font-size:20px;padding:10px 20px;border-top:1px solid #eee;color:#485763}.comment{padding:10px 20px;font-size:16px;border-top:1px solid #f2f2f2}.comment .user .user-name{font-size:16px;display:inline-block;color:#000}.comment .user .date{font-size:12px;display:inline-block;color:#000000b3;margin-left:8px}.comment .content{color:#000000e0;font-size:16px;line-height:22px;margin:10px 0 0}.form{padding:0 20px 20px}.form-group{margin:10px 0}.form-group label{display:block;font-size:14px;color:#666;margin-bottom:4px}.form-group input,.form-group textarea{box-sizing:border-box;padding:6px;line-height:26px;width:100%;max-width:400px;border:1px solid #ddd;border-radius:2px;font-size:16px;outline:none}.form-group textarea{height:115px;resize:none;max-width:600px}.form-group input:focus,.form-group textarea:focus{border-color:#bbb}.btn-group button{display:block;font-size:14px;background:#444;padding:6px 18px;line-height:26px;color:#eee;cursor:pointer;border:0;border-radius:4px;margin-top:10px}.no-comments{padding:20px;margin:0;color:#999}.tip{max-width:1000px;margin:10px auto;line-height:30px;text-align:center;color:#fff;border-radius:3px}.tip.warn{background:#bd362f}.tip.success{background:#299c46}