.run-exam-item{position:relative;width:300px;height:120px;border:1px solid #e4e7ed;border-top:2px solid #00a29a;border-radius:4px;box-shadow:0 0 10px #ccc;padding:5px;box-sizing:border-box;cursor:pointer;transition:all .3s ease-in-out;margin:0 12px 12px 0}.run-exam-item:hover{border:2px solid #00a29a}>.run-exam-item:hover-bottom{color:#00a29a}.run-exam-item-info{width:100%;height:30px;line-height:30px;display:flex}.run-exam-item-info-l{font-size:18px;color:#00a29a;margin-right:4px}.run-exam-item-info-r{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-exam-item-info:first-child{font-weight:800}.run-exam-item-info:nth-child(2){color:#8c8989}.run-exam-item-bottom{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;text-align:center;background:#00a29a;color:#fff;border-radius:4px;box-sizing:border-box;transition:all .5s}.run-exam-item-bottom:hover{color:#ff0;font-weight:bolder;font-size:17px}.run-exam-item-tag{position:absolute;right:4px;top:2px}.history-exam-item{position:relative;width:300px;height:170px;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 0 10px #ccc;margin:0 12px 12px 0;cursor:pointer;transition:all .3s}.history-exam-item:hover{transform:scale(1.05)}.history-exam-item:hover .history-exam-item-view{opacity:.7}.history-exam-item-title{width:100%;height:70px;line-height:70px;background-image:linear-gradient(90deg,#00a29a,#90c32b);text-align:center;font-weight:600;font-size:16 px;color:#fff;border-radius:8px}.history-exam-item-info{width:100%;height:30px;line-height:30px;display:flex;padding:8px;box-sizing:border-box}.history-exam-item-info-l{width:90px;font-weight:600;color:#585a5a}.history-exam-item-info-l:before{content:"►";color:#00a29a;margin-right:4px}.history-exam-item-info-r{flex-grow:1;color:grey}.history-exam-item-sign{position:absolute;right:6px;bottom:8px;width:46px;height:46px;line-height:46px;text-align:center;border:1px solid #e4e7ed;border-radius:50%;font-size:12px;transform:rotate(-30deg)}.history-exam-item-sign.pass{color:green}.history-exam-item-sign.fail{color:red}.history-exam-item-view{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s}.history-exam-item-view-btn{width:74%;height:50px;line-height:50px;text-align:center;color:#fff;border:1px dashed #ccc}.history-exam-item-view-btn:hover{color:#ff0;border:1px dashed #ff0}.person-exam-list{display:flex;flex-wrap:wrap}.person-exam .el-tabs{height:100%}