.badge-info-dialog{min-height:380px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333}.badge-info-dialog .bg-rotate{width:300px;height:290px;z-index:1;position:absolute;top:17px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.badge-info-dialog .bg-rotate .bg-img{background:url(../img/level-yellow.b1f63edb.png);background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite}.badge-info-dialog .tip{color:#858585;margin-top:3px}.badge-info-dialog .extra-award{margin-top:8px;color:#666}.badge-info-dialog .extra-award .award-pic{width:17px;margin:0;vertical-align:-2px}.badge-info-dialog .confirm-btn{width:107px;margin-top:20px}.badge-info-dialog .progress{margin-top:20px;position:relative;width:220px;text-align:center}.badge-info-dialog .progress .progress_num{font-size:12px;color:#a1a1a1;position:absolute;top:-2px;left:98px}.badge-info-dialog .progress .progress_text{margin-top:5px;color:#666}.badge-info-dialog .el-progress-bar__outer{background-color:#edf7f2}.badge-info-dialog .containter_top{text-align:center;position:relative;z-index:2}.badge-info-dialog .containter_top .name{font-size:24px;font-weight:600}.badge-info-dialog .containter_main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:2}.badge-info-dialog .containter_main img{width:142px;margin:13px 0}.badge-info-dialog .containter_main_bg{position:absolute;z-index:1}.my-badge-page{background:#fff;-webkit-box-shadow:0 6px 20px 0 rgb(68 139 31.875%);box-shadow:0 6px 20px 0 rgb(68 139 31.875%);border-radius:6px;min-height:650px;padding:18px 16px 20px 20px}.my-badge-page .badge-container{padding:30px}.my-badge-page .badge-container .show-plates .plate_title .info{margin-left:15px;display:inline-block}.my-badge-page .badge-container .show-plates .plate_title .info .light{color:#2c5be8}.my-badge-page .badge-container .show-plates .plate_main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.my-badge-page .badge-container .show-plates .plate_main .badge-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:45px;width:25%;text-align:center;position:relative;cursor:pointer}.my-badge-page .badge-container .show-plates .plate_main .badge-item img{height:123px;width:108px;margin:auto}.my-badge-page .badge-container .show-plates .plate_main .badge-item .badge-name{font-weight:600;font-size:16px;margin-top:10px}.my-badge-page .badge-container .show-plates .plate_main .badge-item .badge-img-title{position:absolute;top:10px;right:30px;width:60px;height:21px;background:#ff416e;opacity:1;border-radius:12px;color:#fff}.my-badge-page .badge-container .show-plates.special img{height:113px!important}