.system{margin:0}.system .title{width:30%;padding:2px 5px;border:1px solid rgba(24,144,255,.5);border-radius:4px;background:rgba(24,144,255,.05);margin:0 auto;text-align:center;color:#1890ff;margin-top:30px}.system .box{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.system .box .box-img{width:100px;height:100px;background:red}.system .box p{text-align:center;color:#585b5f;margin-top:14px;margin-bottom:0}.system .message{width:80%;color:#505050;margin:20px auto}.system .log{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.system .log .step{position:relative}.system .log .step .stepNum{width:8px;height:8px;border-radius:50%;border:1px solid #52c41a}.system .log .step .stepBox{width:2px;height:20px;background-color:#e9e9e9;position:absolute;top:8px;left:3px}.system .log .step:last-child{display:none}.system .log .infor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px}.system .log .infor span{margin-left:5px}.system .log span{display:block}