body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

/* 重置a标签默认样式 */
a {
  color: inherit;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

a:hover,
a:visited,
a:active,
a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.pc-1-psd-by-psd-to-design-17-07-2025-20-25-01-gmt-8,
.pc-1-psd-by-psd-to-design-17-07-2025-20-25-01-gmt-8 * {
  box-sizing: border-box;
}
.pc-1-psd-by-psd-to-design-17-07-2025-20-25-01-gmt-8 {
  height: 100vh;
  position: relative;
}
.frame {
  background: transparent; /* 透明背景 */
  width: 1920px; /* 设计稿宽度 */
  height: 900px; /* 设计稿高度 */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  overflow: hidden;
}
.div {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: -1;
}
._3 {
  width: 364px;
  height: 76px;
  position: absolute;
  left: 1346px;
  top: 740px;
  object-fit: cover;
}
._5 {
  width: 1049px;
  height: 597px;
  position: absolute;
  left: 159px;
  top: 254px;
  object-fit: cover;
}
.logo {
  width: 213px;
  height: 168px;
  position: absolute;
  left: 1417px;
  top: 127px;
  object-fit: cover;
}
._11 {
  width: 0.01px;
  height: 0.01px;
  position: absolute;
  left: 0px;
  top: 0px;
}
._1 {
  width: 388px;
  height: 64px;
  position: absolute;
  left: 1329px;
  top: 373px;
  object-fit: cover;
}
._2 {
  width: 388px;
  height: 64px;
  position: absolute;
  left: 1329px;
  top: 448px;
  object-fit: cover;
}
._32 {
  width: 388px;
  height: 64px;
  position: absolute;
  left: 1329px;
  top: 523px;
  object-fit: cover;
}
._4 {
  width: 388px;
  height: 64px;
  position: absolute;
  left: 1329px;
  top: 599px;
  object-fit: cover;
}
.tx {
  width: 0.01px;
  height: 0.01px;
  position: absolute;
  left: 0px;
  top: 0px;
}
._12 {
  width: 0.01px;
  height: 0.01px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.div2 {
  width: 388px;
  height: 64px;
  position: absolute;
  left: 1329px;
  top: 373px;
  object-fit: cover;
  cursor: pointer; /* 显示手型光标 */
  transition: opacity 0.3s ease;
}

.div2:hover {
  opacity: 0.8; /* 悬停效果 */
}
._111 {
  width: 0.01px;
  height: 0.01px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none; /* 默认隐藏 */
}

._111.show {
  display: block; /* 显示时恢复显示 */
}
._81 {
  width: 499px;
  height: 310px;
  position: absolute;
  left: 1274px;
  top: 66px;
  object-fit: cover;
}
._4-6 {
  width: 75px;
  height: 235px;
  position: absolute;
  left: 1296px;
  top: 97px;
  overflow: visible;
}
._4-8 {
  width: 216px;
  height: 235px;
  position: absolute;
  left: 1407px;
  top: 97px;
  overflow: visible;
}
._4-2 {
  width: 106px;
  height: 37px;
  position: absolute;
  left: 1637px;
  top: 97px;
  overflow: visible;
}
._4-3 {
  width: 106px;
  height: 37px;
  position: absolute;
  left: 1637px;
  top: 147px;
  overflow: visible;
}
._4-4 {
  width: 106px;
  height: 37px;
  position: absolute;
  left: 1637px;
  top: 196px;
  overflow: visible;
}
._4-5 {
  width: 106px;
  height: 37px;
  position: absolute;
  left: 1637px;
  top: 246px;
  overflow: visible;
}
._4-7 {
  width: 106px;
  height: 37px;
  position: absolute;
  left: 1637px;
  top: 295px;
  overflow: visible;
}
._8888-com-8888-com-8888-com-8888-com-8888-com {
  color: #edcb6b;
  text-align: justified;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.000020027160645px;
  line-height: 49.3px;
  letter-spacing: 0.0781em;
  font-weight: 400;
  position: absolute;
  left: 1476.96px;
  top: 91.06px;
}
._10-ms-20-ms-30-ms-40-ms-59-ms {
  color: #edcb6b;
  text-align: justified;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.000020027160645px;
  line-height: 49.3px;
  letter-spacing: 0.09380000000000001em;
  font-weight: 400;
  position: absolute;
  left: 1311.96px;
  top: 91.06px;
}
.div3,
a.div3 {
  color: #ffffff !important;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16.000032424926758px;
  line-height: 16px;
  letter-spacing: 0.015600000000000001em;
  font-weight: 400;
  position: absolute;
  left: 1656.96px;
  top: 108.34px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

.div3:hover,
a.div3:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
.div4,
a.div4 {
  color: #ffffff !important;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16.000032424926758px;
  line-height: 16px;
  letter-spacing: 0.015600000000000001em;
  font-weight: 400;
  position: absolute;
  left: 1656.96px;
  top: 157.34px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

.div4:hover,
a.div4:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
._22,
a._22 {
  color: #ffffff !important;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16.000032424926758px;
  line-height: 16px;
  letter-spacing: 0.015600000000000001em;
  font-weight: 400;
  position: absolute;
  left: 1656.96px;
  top: 207.34px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

._22:hover,
a._22:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
._33,
a._33 {
  color: #ffffff !important;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16.000032424926758px;
  line-height: 16px;
  letter-spacing: 0.015600000000000001em;
  font-weight: 400;
  position: absolute;
  left: 1656.96px;
  top: 257.34px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

._33:hover,
a._33:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
._42,
a._42 {
  color: #ffffff !important;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16.000032424926758px;
  line-height: 16px;
  letter-spacing: 0.015600000000000001em;
  font-weight: 400;
  position: absolute;
  left: 1656.96px;
  top: 306.34px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

._42:hover,
a._42:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
._85-5 {
  width: 17px;
  height: 210px;
  position: absolute;
  left: 1380px;
  top: 110px;
  object-fit: cover;
}
.zi {
  width: 617px;
  height: 181px;
  position: absolute;
  left: 356px;
  top: 102px;
  object-fit: cover;
}
.div5 {
  display: none;
}
.rate-this-free-import-from-psd-to-design {
  color: #000000;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  width: 130px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stars {
  flex-shrink: 0;
  width: 130px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.star-1 {
  border-radius: 0px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.rate-1 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  height: 24px;
}
.star-2 {
  border-radius: 0px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 26px;
  top: 0px;
  overflow: visible;
}
.rate-2 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  left: 26px;
  top: 0px;
  width: 24px;
  height: 24px;
}
.star-3 {
  border-radius: 0px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 52px;
  top: 0px;
  overflow: visible;
}
.rate-3 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  left: 52px;
  top: 0px;
  width: 24px;
  height: 24px;
}
.star-4 {
  border-radius: 0px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 78px;
  top: 0px;
  overflow: visible;
}
.rate-4 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  left: 78px;
  top: 0px;
  width: 24px;
  height: 24px;
}
.star-5 {
  border-radius: 0px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 104px;
  top: 0px;
  overflow: visible;
}
.rate-5 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  left: 104px;
  top: 0px;
  width: 24px;
  height: 24px;
}