html,html body{height:100%}html body{color:#333;background:#f0f0f0;font-size:12px;line-height:1.3em}html .content-wrap{width:1200px;margin:0 auto}img{display:block}body,h1,h2,h3,h4,h5,h6,html,li,ol,p,ul{margin:0;padding:0}a{color:#333;text-decoration:none}a:hover{color:#8a0000}a:active{color:#3e1301}.article-box{display:flex;flex-wrap:wrap}.article-item{cursor:pointer;margin:0 20px 20px 0;padding:4px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.15);border-radius:8px;width:256px;border:1px solid #fff;box-sizing:border-box;text-align:center}.article-item:nth-child(5n){margin-right:0}.article-item-cover{width:100%;border-radius:8px}.article-item:hover{box-shadow:0 0 8px rgba(255,128,0,.65)}.article-item-title{margin-top:10px;font-size:14px;line-height:24px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.25)}.article-detail-title{margin:20px 0;font-size:24px;line-height:1.3em}.article-detail-canvas{flex-direction:column}.article-detail-canvas,.article-detail-canvas-btns{display:flex;justify-content:center;align-items:center}.article-detail-canvas-btns{margin:20px 0}.article-detail-create{margin:10px;display:flex;justify-content:flex-end}.article-detail-edit-box{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:20px 0}.article-detail-edit-sprite-list{flex:1 1 auto;height:100%;overflow-y:auto;background:#f9f9f9}.editor-box{border:1px solid #ccc}.page-content-wrap{width:1400px;margin:0 auto;background:#fff}.page-header{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.08);min-width:1200px}.page-header-box{width:1200px;margin:0 auto 20px;padding:20px 0;display:flex;justify-content:space-between;align-items:center}.page-header-logo{width:120px;cursor:pointer}.page-header-more{display:flex;align-items:center}.page-header-search{margin-right:20px}.page-footer{margin-top:20px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.08)}.page-footer-box{width:1200px;margin:0 auto;padding:20px 0;display:flex;justify-content:center;align-items:center}.page-footer-logo{width:120px;cursor:pointer}.page-footer-more{display:flex;align-items:center}.page-footer-search{margin-right:20px}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar{width:178px;height:178px;display:block}.el-dialog{width:80%}.btn-box,.flex{display:flex}.btn-box{padding:20px 0;justify-content:center}