.lettering-wrap{padding:10px 20px}.lettering-wrap .lettering-top{display:-webkit-box;display:-ms-flexbox;display:flex}.lettering-wrap .lettering-top .top-fs{padding:0 20px;font-size:14px}.lettering-wrap .lettering-top .top-img{width:120px;height:120px;margin-top:16px;background:#f5f7fa}.lettering-wrap .lettering-top .top-img img{width:120px;height:120px}.lettering-wrap .lettering-top .top-img .el-image__error{padding:50px 30px}.lettering-wrap .lettering-top .top-info{font-size:14px;padding:20px 20px}.center-sz{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}.lettering-mid .upload-wrap{padding:10px 100px 0 0}.lettering-mid .upload-wrap .el-upload{text-align:left}.lettering-mid .upload-wrap .el-button{width:100px;margin-bottom:10px}.lettering-mid .upload-wrap .el-upload-list{width:80%;float:left}.lettering-mid .demo-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.lettering-mid .demo-wrap .demo-img{width:30%}.lettering-mid .demo-wrap .demo-img img{width:180px;height:180px}.lettering-mid .demo-wrap .demo-box{padding:25px 5px;width:60%}.lettering-mid .demo-wrap .demo-box .demo-jian{float:left;width:65px;height:45px;text-align:center;color:#555;background:#f2f2f2}.lettering-mid .demo-wrap .demo-box .demo-jian span{line-height:45px}.lettering-mid .demo-wrap .demo-box .demo-input{float:left;border:1px solid #f2f2f2;padding:0 2px;width:130px;height:45px}.lettering-bot{border-top:1px solid #f2f2f2;margin-top:20px;padding:20px 0 0 0;text-align:right}.time-wrap{position:absolute;width:20%;height:auto;right:0}.time-wrap p{margin:10px 0 0 0;line-height:1.5}.file-box-img img{max-width:50px;cursor:pointer}.buletext,.el-image-viewer__close{color:#fff}.buletext{background:#409eff;margin:5px;padding:3px}.gradebox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mod-sys__user{height:650px}.my-popover{overflow:auto;height:300px}.op-box i{display:inline-block;width:100%;height:100%;cursor:pointer;font-size:22px}.greenyuan{background:#0bdd0b}.greenyuan,.redyuan{border-radius:50%;height:10px;display:inline-block;width:10px;margin-right:5px}.redyuan{background:red}.blueyuan{border-radius:50%;background:#409eff;height:10px;display:inline-block;width:10px;margin-right:5px}.operation-step .el-steps--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}