.content[data-v-e1d58228] {
  height: 100%;
  padding: 0.53333333rem;
  font-size: 0.32rem;
}
.content .card-box[data-v-e1d58228] {
  width: 100%;
  height: 6.66666667rem;
  background-image: url(../../assets/img/myCertificateBg.b7824e62.png);
  background-size: 100% 100%;
}
.content .card-box .card-title[data-v-e1d58228] {
  font-size: 0.42666667rem;
  color: #333;
  padding: 0.45333333rem 0.66666667rem 0;
}
.content .card-box .card-status[data-v-e1d58228] {
  min-width: 3.2rem;
  height: 0.58666667rem;
  margin: 0.26666667rem 0.66666667rem 0;
  padding: 0 0.26666667rem;
  background: linear-gradient(270deg, rgba(188, 210, 255, 0) 0%, #bcd2ff 100%);
  border-radius: 0.08rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  font-size: 0.32rem;
  color: #3377ff;
}
.content .card-box .card-status > span[data-v-e1d58228] {
  color: #666;
}
.content .card-box .card-info[data-v-e1d58228] {
  height: 4rem;
  margin: 0.32rem 0.26666667rem 0;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0.05333333rem 8 75rem 0 rgba(51, 119, 255, 0.21);
  border-radius: 0.26666667rem;
  padding: 0.42666667rem 0.42666667rem 0;
}
.content .card-box .card-info > .card-row[data-v-e1d58228] {
  display: flex;
  align-items: center;
  margin-bottom: 0.32rem;
  line-height: 0.37333333rem;
  font-size: 0.32rem;
}
.content .card-box .card-info > .card-row .label[data-v-e1d58228] {
  width: 2.13333333rem;
  color: #666;
}
.content .card-box .card-info > .card-row .value[data-v-e1d58228] {
  flex: 1;
  color: #333;
}
.content .card-box .card-info > .card-row .value.ellipsis[data-v-e1d58228] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .card-box .card-info > .card-row .copy-btn[data-v-e1d58228] {
  color: #3377ff;
}
.content .btns[data-v-e1d58228] {
  padding-top: 0.8rem;
}
.content .btns .btn[data-v-e1d58228] {
  width: 8.53333333rem;
  text-align: center;
  font-size: 0.37333333rem;
  line-height: 1.06666667rem;
  border-radius: 0.53333333rem;
  margin: 0 auto 0.42666667rem;
  color: #3377ff;
  background-color: #fff;
}
.content .btns .btn.btn-primary[data-v-e1d58228] {
  background: #3377ff;
  color: #ffffff;
}
.popup-content[data-v-e1d58228] {
  width: 7.06666667rem;
}
.popup-content .popup-desc[data-v-e1d58228] {
  line-height: 2.37333333rem;
  font-size: 0.37333333rem;
  text-align: center;
  color: #333;
}
.popup-content .popup-btns[data-v-e1d58228] {
  border-top: 1px solid #e1e1e1;
  display: flex;
}
.popup-content .popup-btns .btn[data-v-e1d58228] {
  width: 50%;
  line-height: 1.28rem;
  font-size: 0.37333333rem;
  color: #666;
  background-color: #fff;
  text-align: center;
}
.popup-content .popup-btns .btn.btn-danger[data-v-e1d58228] {
  background: #d60011;
  color: #ffffff;
}
.popup-content .popup-btns .btn.disabledBtn[data-v-e1d58228] {
  opacity: 0.5;
}