@charset "UTF-8";
/* 基础动画 */
/* 鼠标悬浮中心，使用：@include positionCenter() */
/* 鼠标悬浮遮罩效果，使用：@include hoverMask() */
.qrcode {
  width: 100%;
}
.qrcode img {
  width: 100%;
  object-fit: contain;
}

.server_product_detail {
  min-height: 100vh;
  width: 150.2rem;
  margin: 11.2rem auto;
  display: flex;
}
.server_product_detail .product_detail_body {
  width: 109rem;
}
.server_product_detail .el-tooltip__trigger {
  display: flex;
  align-items: center;
}
.server_product_detail .product_info {
  display: inline-flex;
  margin-top: 4rem;
}
.server_product_detail .product_info img {
  width: 35rem;
  height: 35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  background-color: #FFFFFF;
}
.server_product_detail .product_info > div {
  padding: 2.4rem 2.4rem 0 2.4rem;
  display: flex;
  flex-direction: column;
}
.server_product_detail .product_info > div .product_name {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--font-color-base);
  line-height: 1.4;
}
.server_product_detail .product_info > div .product_desc {
  flex: 1;
  margin-top: 2.4rem;
  font-size: 1.6rem;
  color: var(--font-color-four);
  line-height: 1.4;
}
.server_product_detail .product_info > div .product_action {
  display: flex;
}
.server_product_detail .product_info > div .product_action > div {
  font-size: 1.4rem;
  margin-right: 2.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.server_product_detail .product_info > div .product_action > div i {
  margin-right: 0.6rem;
  font-size: 2rem;
  color: var(--color-primary-base);
}
.server_product_detail .product_info > div .product_action > div:hover {
  opacity: 0.8;
}
.server_product_detail .product_info > div .product_action .action_btn {
  line-height: 1.8;
  border-radius: 0.2rem;
  padding: 0.4rem 1.6rem;
  background: #F0F6FF;
}
.server_product_detail .product_info > div .product_price {
  display: flex;
  align-items: flex-end;
  padding-bottom: 3.6rem;
  font-size: 2.4rem;
  font-weight: 600;
  color: #F53431;
  line-height: 1.4;
}
.server_product_detail .product_info > div .product_original_price {
  color: var(--font-color-base);
  font-size: 1.6rem;
  text-decoration: line-through;
}
.server_product_detail .product_detail {
  margin-top: 4rem;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(56, 136, 255, 0.2);
  border-radius: 1.2rem;
}
.server_product_detail .product_detail .product_detail_top {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: var(--font-color-four);
  padding: 2.4rem 2.4rem 1.2rem 2.4rem;
  border-bottom: 1px solid #F0F2F5;
}
.server_product_detail .product_detail .product_detail_top i {
  color: var(--font-color-four);
  font-size: 2rem;
  margin-right: 0.8rem;
}
.server_product_detail .product_detail .product_detail_content {
  padding: 2.4rem;
}
.server_product_detail .product_detail .product_detail_content ul {
  padding-left: 4rem;
  list-style: inherit;
}
.server_product_detail .product_detail .product_detail_content * {
  max-width: 100%;
}
.server_product_detail .refund_contain {
  margin: 2.4rem 0;
  border-radius: 1.2rem;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(56, 136, 255, 0.2);
  min-height: 1.2rem;
  color: var(--font-color-third);
  overflow: hidden;
}
.server_product_detail .refund_contain .refund_title {
  height: 4.8rem;
  line-height: 4.8rem;
  border-bottom: 1px solid #F0F2F5;
  padding-left: 2.4rem;
  font-size: var(--font-size-14);
  display: flex;
  align-items: center;
}
.server_product_detail .refund_contain .refund_title .icon {
  height: 2.1rem;
  width: 2.4rem;
  margin-right: 1rem;
}
.server_product_detail .refund_contain .refund_desc {
  font-size: var(--font-size-14);
  line-height: 1.4;
  padding: 1.6rem 2.4rem;
}

/*# sourceMappingURL=product.css.map */