.preview-main[data-v-b51475b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 471px;
  padding: 0;
}
.preview-main .preview-table[data-v-b51475b6] {
  margin-top: 1%;
}
.preview-main[data-v-b51475b6] .tiny-grid .tiny-pager {
  padding-left: 14px;
}
.preview-main .col[data-v-b51475b6] {
  display: flex;
  justify-content: space-around;
  width: 350px;
  height: 150px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 20px 0 rgba(64, 98, 225, 0.2);
}
.preview-main .col[data-v-b51475b6]:hover {
  box-shadow: 0 3px 20px 0 rgba(64, 98, 225, 0.55);
}
.preview-main .img[data-v-b51475b6] {
  display: flex;
  align-items: center;
}
.preview-main .num[data-v-b51475b6] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.preview-main .num #up span[data-v-b51475b6] {
  color: #f7961e;
}
.preview-main .num #down span[data-v-b51475b6] {
  color: #3eb21f;
}
.preview-main .num .up .left[data-v-b51475b6] {
  margin-left: -15%;
  color: #35383e;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.45px;
  text-align: left;
}
.preview-main .num .up .right[data-v-b51475b6] {
  margin-left: 15%;
  color: #777;
  font-size: 16px;
  letter-spacing: 0.4px;
  text-align: left;
}
.preview-main .num .down .left[data-v-b51475b6] {
  width: 99px;
  height: 36px;
  color: #242424;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 1.2px;
  text-align: left;
}
.preview-main .num .down .right[data-v-b51475b6] {
  width: 8px;
  height: 14px;
  color: #777;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.4px;
  text-align: left;
}
@media (max-width: 1208px) {
.main[data-v-b51475b6] {
    overflow-x: auto;
}
.col[data-v-b51475b6] {
    width: 300px;
}
}
