/* subpackage/train/result/result.wxss */
page {
  background-color: rgb(247, 247, 247);
}

.page-content {
  background-color: rgb(247, 247, 247);
  background: linear-gradient(190deg, #49a5fc 0%, #f7f7f7 45%, #f7f7f7 100%);
  /* padding: 0 30rpx; */
  box-sizing: border-box;
  padding-bottom: 300rpx;
  min-height: 100vh;
}

.gold-card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 600rpx;
  height: 600rpx;
  background: url('https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/medal.png');
  background-size: cover;
  font-family: 'fffffooonnntttfff' !important;
  color: #E8660F;
  font-size: 96rpx;
  font-weight: bold;
  --wght: 550;
  --BEVL: 100;
  font-variation-settings: 'wght' var(--wght), 'BEVL' var(--BEVL);
}

@font-face {
  font-family: "fffffooonnntttfff";
  src: url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/x6NVkWFLwVA0.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/5nYDIHblFyn0.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "fffffooonnnttt";
  src: url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/KizSNM6G1EXl.woff2") format("woff2"),
    url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/R37avUOZJVK5.woff") format("woff");
  font-display: swap;
}

.grade{
  font-size: 60rpx;
}

.unit {
  font-size: 30rpx;
}

.number {
  margin-top: -30rpx;
}

.card{
  margin: 0 30rpx;
  box-sizing: border-box;
  margin-top: -75rpx;
  border-radius: 20rpx;
  background-color: #fff;
  box-shadow: 0 10rpx 10rpx rgba(0, 0, 0, 0.08);
  height: 480rpx;
  padding: 30rpx;
  text-align: center;
}

.title{
  font-size: 28rpx;

}

.detail{
  box-sizing: 20rpx;
  color: #666666;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 24rpx;
  padding: 54rpx 0 46rpx;
  border-radius: 20rpx;
  margin-top: 30rpx;
}

.detail-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.data{
  font-size: 48rpx;
  margin-top: 14rpx;
  margin-bottom: -4rpx;
}

.unitt{
  font-size: 24rpx;

}

.detail-img{
  width: 48rpx;
  height: 48rpx;
}