.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  overflow: hidden;
}
    a {
      text-decoration: none;
      color: inherit;
    }
    a:hover {
      opacity: 0.8;
    }
.filter-tag,.author-item,.opera-text,.btn-normal,.rest,.pc_pay,.menu-card,.amount-btn,.url,.group_1{
    cursor: pointer !important;
}
.mochu_us_shoucang,.layui-laypage-spr,.layui-laypage-spr{
    display: none!important;
}
.header {
      background-color: rgba(255, 255, 255, 1);
      height: 5vw;
      width: 100vw;
      position: relative;justify-content: center;
    }

    .header-inner {
      align-items: center;
      width: 100%;
      margin: 0;
      justify-content: center;
    }

    .logo {
      height: 3.23vw;
    }

    .logo-text {
      background-image: linear-gradient(360deg, rgba(246, 60, 61, 1) 0, rgba(246, 60, 61, 1) 100%);
      width: 4.64vw;
      height: 2.5vw;
      overflow-wrap: break-word;
      font-size: 2.5vw;
      font-family: PangMenZhengDao-Regular;
      text-align: left;
      white-space: nowrap;
      line-height: 2.5vw;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin: 0.31vw 0 0 0.1vw;
    }
    
    
/* 导航公共基础样式（所有导航共用） */
.nav-item {
  width: 2.09vw;
  height: 1.25vw;
  font-size: 1.04vw;
  line-height: 1.25vw;
  white-space: nowrap;
  overflow-wrap: break-word;
  text-align: left;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  color: #868686;
  margin: 0.93vw 0 0 5.78vw;
}
/* 单独首页间距特殊覆盖 */
.nav-item.home-link {
  margin-left: 22.6vw;
}
/* 选中高亮差异化样式 */
.nav-active {
  color: #f98b28;
  font-family: PingFang SC-Heavy;
  font-weight: 900;
}

    .nav-service {
      width: 4.17vw;
      height: 1.25vw;
      overflow-wrap: break-word;
      color: rgba(134, 134, 134, 1);
      font-size: 1.04vw;
      font-family: PingFang SC-Medium;
      font-weight: 500;
      text-align: left;
      white-space: nowrap;
      line-height: 1.25vw;
      margin: 0.93vw 0 0 5.41vw;
    }
/* 原group_14改为item-card */
.item-card {
  background-color: rgba(250, 250, 250, 1);
  border-radius: 12px;
  height: 8.13vw;
  width: 33.94vw;
  margin: 0.5vw;
}	
/* 置顶卡片原section_7 */
.top-card {
  background-color: rgba(250, 250, 250, 1);
  border-radius: 12px;
  height: 11.25vw;
  width: 33.94vw;
  position: relative;
  justify-content: flex-center;
  margin: 0.5vw;
}
.card-head {
  width: auto;
  height: 1.46vw;
  margin: 1.66vw 0 0 1.66vw;
}
.card-tag-box {
  height: 1.46vw;
  margin: 1.25vw 0 0 1.66vw;
  justify-content: flex-start;
}
.card-opera-box {

  height: 1.88vw;
  margin: 1.87vw 0 1.66vw 1.87vw;
  align-items: center;
}
	   /* 按钮 */
    .btn-login {
      background-image: linear-gradient(
    270deg,
    rgba(248, 127, 36, 1) 0,
    rgba(252, 190, 57, 1) 100%
  );
      border-radius: 60px;
      height: 2.5vw;
      width: 6.78vw;
      margin: 0.31vw 0 0 21vw;
      cursor: pointer;
    }

    .btn-login-text {
      width: 4.69vw;
      height: 1.46vw;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 0.9vw;
      font-family: PingFang SC-Bold;
      font-weight: 700;
      text-align: center;
      white-space: nowrap;
      line-height: 1.05vw;
      margin: 0.4vw 0 0 0;
    }
    .btn-user-text {
      width: 4.69vw;
      height: 1.46vw;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 0.9vw;
      font-family: PingFang SC-Bold;
      font-weight: 700;
      text-align: center;
      white-space: nowrap;
      line-height: 1.05vw;
      margin: 0.4vw 0 0 0;
      display: none;
    }

	.lt1{
		width: 183px;
		height: 0px;
		border: 2px solid;
		border-image: linear-gradient(268deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 2 2;
	}
	.ft1{
		width: 183px;
		height: 0px;
		border: 2px solid;
		border-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 2 2;
	}

.banner-wrap {
  width: 100vw;
  height: 27.09vw;
  background: url(/images/pc/banner-wrap.png)
    100% no-repeat;
  background-size: 100% 100%;
}
.banner-img {
  width: 58.6vw;
  height: 11.67vw;
  margin: 3.33vw 0 0 20.67vw;
}
.banner-desc {
  width: 11.46vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(104, 104, 104, 1);
  font-size: 1.04vw;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.05vw;
  margin: 3.33vw 0 0 44.32vw;
}
.search-wrap {
  width: 47.35vw;
  height: 3.34vw;
  margin: 1.25vw 0 2.91vw 29.94vw;
}
.search-bar{
    position: relative;
}
.search-input-box {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px 0 0px 8px;
  width: 40.16vw;
  height: 3.34vw;
}
.search-icon-box {
  width: 2vw;
  height: 1.25vw;
  margin: 1.04vw 0 0 1.25vw;
}
.search-icon-img {
  width: 1.25vw;
  height: 1.25vw;
}
.search-input-text {
  width: 8.34vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(104, 104, 104, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
}
.search-btn-text {
  width: 4.17vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 1.04vw 1.51vw 0.5vw;
}
.search-input:focus {
  outline: 0;
}
.search-input {
  width: 36.5vw;
  height: 3.5vw;
  font-size: 0.83vw;
  color: #333;
}
.search-btn {
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  cursor: pointer;
}
.search-icon {
  height: 1.05vw;
  width: 1.05vw;
  background-image: url(/images/pc/search.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.search-suggest-panel {
    background-color: #fff;
    border-radius: 0.71vw;
    padding: 1.07vw;
    box-shadow: 0 0.09vw 0.53vw rgba(0, 0, 0, 0.08);
    display: none;
    position: absolute;
    width: 25vw;
    top: 4.8vw;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
}
.suggest-header {
    margin-bottom: 1.07vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.suggest-title {
    font-size: 0.95vw;
    font-weight: 600;
    color: #333;
}
.suggest-page {
    font-size: 0.92vw;
    color: #999;
}
.suggest-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.07vw;
    justify-content: flex-start;
}
.suggest-item {
    background-color: #f5f6f9;
    border-radius: 0.36vw;
    padding: 0.5vw 1vw;
    cursor: pointer;
}
.suggest-item:active {
    background-color: #e8e9ed;
}
.suggest-text {
    font-size: 0.7vw;
    color: #333;
    text-align: center;
    display: block;
}
.search-btn-box {
  background-image: linear-gradient(
    270deg,
    rgba(248, 127, 36, 1) 0,
    rgba(252, 190, 57, 1) 100%
  );
  border-radius: 0px 8px 8px 0px;
  width: 7.19vw;
  height: 3.34vw;
}

.filter-title-wrap {
  width: 61.67vw;
  height: 1.88vw;
  margin: 3.75vw 0 0 18.22vw;
}
.filter-title {
  width: 3.09vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
}
.filter-tag-text {
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(78, 77, 78, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.05vw;
  margin: 0.41vw;
  text-align: center;
}
.filter-tag {
  background-color: rgba(245, 245, 245, 1);
  border-radius: 20px;
  height: 1.88vw;
  margin-left: 1.25vw;
  width: 4.59vw;
}
.filter-tag-active {
  background-image: linear-gradient(
    270deg,
    rgba(248, 127, 36, 1) 0,
    rgba(252, 190, 57, 1) 100%
  );
}
.filter-tag-active .filter-tag-text {
  color: #fff;
}
.title-bar-text {
 
  height: 2.35vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.66vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
  margin: 3vw 0.8vw;
}
.author-item {
  background-color: rgba(245, 245, 245, 1);
  border-radius: 5px;
  height: 1.88vw;
  width: 5.53vw;
}
.author-name {
  width: 3.34vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(120, 122, 123, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 0.31vw 0 0 1.09vw;
}

.card-type-mark {
  background-color: rgba(255, 126, 6, 1);
  border-radius: 5px;
  height: 1.46vw;
  width: 1.46vw;
}
.card-mark-text {
  width: 0.94vw;
  height: 1.1vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.98vw;
  font-family: PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.89vw;
  margin: 0.23vw 0 0 0.21vw;
}
.card-title {
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(60, 60, 60, 1);
  font-size: 1.25vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.46vw;
  margin-left: 0.42vw;
}
.card-price {
  width: 5vw;
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(236, 71, 25, 1);
  font-size: 1.25vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.46vw;
   margin-left:auto;    margin-right: 2vw;
}
.card-tip-text {
  width: 3.6vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(113, 113, 113, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-top: 0.11vw;
}
.card-tag-item {
  background-color: rgba(229, 236, 249, 1);
  border-radius: 2px;
  height: 1.46vw;
  margin-left: 0.63vw;
  width: 2.5vw;
}
.card-tag-name {
  width: 1.67vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(71, 131, 237, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 1.05vw;
  margin: 0.2vw 0 0 0.41vw;
}
.opera-icon {
  background-color: rgba(120, 122, 123, 1);
  width: 0.73vw;
  height: 0.94vw;
  margin-top: 0.63vw;
}
.opera-text {
  width: 3.49vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(142, 142, 142, 1);
  font-size: 0.83vw;
  letter-spacing: 1px;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.05vw;
  margin: 0vw 0 0 0.41vw;
}
.opera-icon2 {
  background-color: rgba(142, 142, 142, 1);
  width: 0.94vw;
  height: 0.89vw;
  margin: 0.62vw 0 0 2.13vw;
}
.buy-btn {
  background-image: linear-gradient(
    270deg,
    rgba(248, 127, 36, 1) 0,
    rgba(252, 190, 57, 1) 100%
  );
  border-radius: 33px;
  height: 1.88vw;
  margin-left: auto;    margin-right: 2vw;
  width: 4.17vw;
}
.buy-text {
  width: 1.67vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.05vw;
  margin: 0.41vw 0 0 1.25vw;
}
.buy-text:hover{
    color: #fff;
}
.action-share-icon {
  background: url(/images/pc/ding.png) 100% no-repeat;
  background-size: cover;
  width: 0.95vw;
  height: 0.95vw;
  margin-top: 0.16vw;
}
.action-recommend-icon {
  background: url(/images/pc/tj.png) 100% no-repeat;
  background-size: cover;
  width: 0.94vw;
  height: 0.89vw;
  margin: 0vw 0 0 1.52vw;
}	
.footer-wrap {
  background-color: rgba(245, 245, 245, 1);
  width: 100vw;
  height: 14.38vw;
  margin-top: -0.05vw;
}
.footer-link {
  width: 56.72vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 2.5vw 0 0 21.66vw;
}
.footer-desc1 {
  width: 56.72vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 1.66vw 0 0 21.66vw;
}
.footer-desc2 {
  width: 56.72vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 1.66vw 0 0 21.66vw;
}
.footer-copyright {
  width: 56.72vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(85, 85, 85, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.84vw;
  margin: 1.66vw 0 1.97vw 21.66vw;
}

.content-wrap {
    width: 70vw;
    margin: 0 auto;    
	flex-wrap: wrap;
	align-items: center;
}
.title-row{
    justify-content: center;
    align-items: center;
}
.filter-row1{
	width: 75vw;
	margin-top: 4vw;
}
.filter-row2{
	width: 75vw;
	margin-top: 2vw;
}

.pagex{
        justify-content: center;
    margin: 4vw auto;
}
.pagex .pagekj,.layui-laypage-curr {
    background-color: rgba(249, 139, 40, 1);
    border-radius: 5px;
    height: 44px;
    width: 44px;    line-height: 44px;
}
.pagex .pagehove {
    width: 9px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 21px;
    margin: 12px 0 0 18px;
}
.pagex a{
    background-color: rgba(245, 245, 245, 1);
    border-radius: 5px;
    height: 44px;
    margin: 5px;
    width: 44px;
        line-height: 44px;
    text-align: center;
    
}


.wrap-page {
  background-color: rgba(247, 247, 251, 1);
  position: relative;
  width: 100vw;
  overflow: hidden;
}

.wrap-container {
  width: 100vw;
}
.inner-box {
  width: 100vw;
}
.bread-bar {
  background-color: rgba(245, 245, 245, 0.5);
  width: 100vw;
  height: 2.5vw;
}
.bread-left {
  width: 1.52vw;
  height: 0.73vw;
  overflow-wrap: break-word;
  color: rgba(151, 151, 151, 1);
  font-size: 0.72vw;
  letter-spacing: 4px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
  margin: 0.88vw 0 0 18.33vw;
}
.bread-icon {
  width: 0.32vw;
  height: 0.42vw;
  margin: 1.04vw 0 0 0.52vw;
}
.bread-right {
  width: 3.03vw;
  height: 0.73vw;
  overflow-wrap: break-word;
  color: rgba(58, 58, 58, 1);
  font-size: 0.72vw;
  letter-spacing: 4px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.73vw;
  margin: 0.88vw 75.88vw 0 0.41vw;
}
.content-card {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px 8px 0px 0px;
  width: 63.55vw;
  justify-content: flex-center;
  margin: 1.25vw 0 0 18.22vw;
}
.titlec-row {
  width: 59.38vw;
  height: 2.04vw;
  margin: 2.08vw 0 0 2.08vw;
  justify-content: space-between;
}
.title-name {
  height: 2.04vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.45vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.46vw;
}
.hot-tag {
  background-color: rgba(246, 60, 61, 0.15);
  border-radius: 5px;
  position: relative;
  width: 3.7vw;
  height: 1.67vw;
  margin-left: 1vw;
}
.tag-icon {
  background: url(/images/pc/huo.png) 100% no-repeat;
  background-size: cover;
  width: 0.79vw;
  height: 0.94vw;
  margin: 0.36vw 0 0 0.57vw;
}
.tag-text {
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(246, 60, 61, 1);
  font-size: 0.83vw;
  letter-spacing: 1px;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.05vw;
  margin: 0.31vw 0.41vw 0 0.31vw;
}
.price-text {
  width: 5.84vw;
  height: 2.04vw;
  overflow-wrap: break-word;
  color: rgba(246, 60, 61, 1);
  font-size: 1.45vw;
  font-family: PingFang SC-Heavy;
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
  line-height: 1.46vw;
}
.lyric-box {
  width: 21.05vw;
  margin: 1.25vw 0 0 2.08vw;
}
.lyric-text {
  width: 21.05vw;
  overflow-wrap: break-word;
  color: rgba(113, 113, 113, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  text-align: left;
  line-height: 2.09vw;
}
.btn-row {
  width: 51.67vw;
  height: 2.92vw;
  margin: 6.45vw 0 2.08vw 5.93vw;
}
.btn-normal {
  background-color: rgba(245, 245, 245, 1);
  border-radius: 8px;
  position: relative;
  width: 11.67vw;
  height: 2.92vw;
}
.btn-icon {
  background: url(/images/pc/fx.png) 100% no-repeat;
  background-size: cover;
  width: 0.89vw;
  height: 0.84vw;
  margin: 1.09vw 0 0 3.07vw;
}
.btn-text {
  width: 4.17vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(58, 58, 58, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 0.83vw 2.96vw 0 0.57vw;
}
.btn-light {
  background-image: linear-gradient(270deg,rgba(248, 127, 36, 0.15) 0,rgba(252, 190, 57, 0.15) 100%);
  border-radius: 8px;
  position: relative;
  width: 11.67vw;
  height: 2.92vw;
  margin-left: 1.67vw;    justify-content: center;
}
.light-text {
  width: 3.57vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(249, 139, 40, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 0.83vw 0 0 2.96vw;
}
.light-icon {
  background: url(/images/pc/dj.png) 100% no-repeat;
  background-size: cover;
  width: 0.94vw;
  height: 0.89vw;
  margin: 1.04vw 3.02vw 0 0;
}
.btn-hollow {
  background-image: linear-gradient(270deg,rgba(248, 127, 36, 0.15) 0,rgba(252, 190, 57, 0.15) 100%);
  border-radius: 8px;
  height: 2.92vw;
  margin-left: 1.67vw;
  width: 11.67vw;
  line-height: 2.92vw;
}
.hollow-text {
  width: 4.17vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(249, 139, 40, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 0.83vw 0 0 3.75vw;
}
.btn-solid {
  background-image: linear-gradient(270deg,rgba(248, 127, 36, 1) 0,rgba(252, 190, 57, 1) 100%);
  border-radius: 8px;
  height: 2.92vw;
  margin-left: 1.67vw;
  width: 11.67vw;
}
.solid-text {
  width: 4.17vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.04vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin: 0.83vw 0 0 3.75vw;
}
.tips-card {
  background-image: linear-gradient(360deg,rgba(255, 245, 229, 1) 0,rgba(255, 255, 255, 1) 40.569463%);
  border-radius: 8px;
  position: relative;
  width: 63.55vw;
  height: 10.21vw;
  border: 2px solid rgba(255, 255, 255, 1);
  justify-content: flex-center;
  margin: 1.25vw 0 3.8vw 18.22vw;
}
.tit-row1 {
  width: 4.64vw;
  height: 1.15vw;
  margin: 1.66vw 0 0 1.82vw;
}
.tit-icon1 {
  background: url(/images/pc/tg.png) 100% no-repeat;
  background-size: cover;
  width: 0.89vw;
  height: 0.84vw;
  margin-top: 0.11vw;
}
.tit-name1 {
  width: 3.34vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.84vw;
}
.desc1 {
  width: 60.21vw;
  height: 3.34vw;
  overflow-wrap: break-word;
  color: rgba(113, 113, 113, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  text-align: left;
  line-height: 1.67vw;
  margin: 0.83vw 0 0 1.66vw;
}
.tit-row2 {
  width: 4.69vw;
  height: 1.15vw;
  margin: 2.91vw 0 0 1.77vw;
}
.tit-icon2 {
  background: url(/images/pc/ts.png) 100% no-repeat;
  background-size: cover;
  width: 0.94vw;
  height: 0.94vw;
}
.tit-name2 {
  width: 3.34vw;
  height: 1.15vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.84vw;
}
.desc2 {
  width: 51.15vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(113, 113, 113, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  text-align: left;
  line-height: 1.67vw;
  margin: 0.83vw 0 1.66vw 1.66vw;
}
/* 弹层遮罩 —— 不管你用 show/hide 都 100% 居中 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: none; /* 默认隐藏 */
    z-index: 9999;
}

/* 核心：不靠 flex，靠 transform 居中 —— 永远有效！ */
.modal-content {
    width: 21vw;
    background-color: #fff;
    border-radius: 0.6vw;
    padding: 1.5vw;
    box-sizing: border-box;
    text-align: center;
    min-height: 7.5vw;
    
    /* 真正永远居中 不依赖 flex！show/hide 都有效 */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal-title {
    font-size: 1.2vw;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.1vw;
}

.modal-text {
    font-size: 1.05vw;
    color: #666;
    line-height: 1.8vw;
}

.modal-divider {
    height: 0.04vw;
    background-color: #eee;
    margin: 1.1vw 0;
}

.modal-subtitle {
    font-size: 1.05vw;
    color: #f63c3d;
    margin-bottom: 0.75vw;
}

.modal-step {
    font-size: 0.97vw;
    color: #666;
    line-height: 1.65vw;
    text-align: left;
}

.modal-btn {
    background-image: linear-gradient(270deg,rgba(248, 127, 36, 1) 0,rgba(252, 190, 57, 1) 100%);
    color: #fff;
    font-size: 1.05vw;
    line-height: 3vw;
    border-radius: 1.5vw;
    margin-top: 1.5vw;
    cursor: pointer;
    text-align: center;
}

.submit-btn {
    width: 60%;
    height: 2.85vw;
    background-image: linear-gradient(270deg,rgba(248, 127, 36, 1) 0,rgba(252, 190, 57, 1) 100%);
    border-radius: 0.3vw;
    margin: 2vw auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.submit-text {
    font-size: 1.2vw;
    font-weight: 600;
    color: #fff;
    line-height: 1;
}



.lxfs{
padding: 0 1.5vw;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    display: none;
    height: 100vw;
    background-color: #c5c5c59e;
}
.lxfs .new{    width: 30vw;
    background-color: #fff;
    border: 0.1vw solid rgba(249, 139, 40, 1);
    padding: 4.6vw;
    border-radius: 2.6vw;
    flex-wrap: wrap;
    justify-content: center;    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.lxfs .red{
line-height: 2vw;    
}
.zz{
    text-align: center;
    display: block;
    font-size: 1.6vw;
    font-weight: 600;
}
.lxinfo{
    line-height: 2.8vw;
    margin: 2.6vw 0;
    width: 100%;font-size: 1vw;
}

.lxinfo div {
    cursor: pointer;
    color: #333;justify-content: space-evenly;
}
.lxinfo div:active {
    color: #f63c3d;
}
.zdl{
    background-color: rgba(246, 60, 61, 1);
    height: 2.1vw;
    overflow-wrap: break-word;
    color: #fff;
    font-size: 1.2vw;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 2.1vw;
    margin: 0 1vw;
    display: block;
    border-radius: 2.6vw;
    margin-top: 2vw;
    cursor: pointer;
}
/* 新增：点击"我知道了"时的按压效果 */
.zdl:active {
    background-color: #e03536;
}
/* 列表单行条目容器 */
.item-row {
  width: 63.55vw;
  height: 5.21vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: flex-center;
  margin: 3.75vw 0 0 18.22vw;
}
/* 左侧橙色小标签容器 */
.tag-wrap {
  background-color: rgba(255, 126, 6, 1);
  border-radius: 5px;
  height: 1.46vw;
  width: 1.46vw;
  margin: 1.87vw 0 0 1.66vw;
}
/* 标签文字：词/曲 */
.htag-text {
  width: 0.94vw;
  height: 1.1vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.98vw;
  font-family: PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.89vw;
  margin: 0.2vw 0 0 0.25vw;
}
/* 作品名称 */
.title-text {
  width: 8.75vw;
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(60, 60, 60, 1);
  font-size: 1.25vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.46vw;
  margin: 1.87vw 0 0 0.41vw;
}
/* 价格文字 */
.price-text {
  width: 5.58vw;
  height: 1.46vw;
  overflow-wrap: break-word;
  color: rgba(246, 60, 61, 1);
  font-size: 1.45vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.46vw;
  margin: 1.87vw 0 0 20.72vw;
}
/* 购买按钮渐变容器 */
.buy-btn-wrap {
  background-image: linear-gradient(
    270deg,
    rgba(248, 127, 36, 1) 0,
    rgba(252, 190, 57, 1) 100%
  );
  border-radius: 33px;
  height: 1.88vw;
  width: 4.17vw;
  margin: 1.66vw 1.66vw 0 19.11vw;
}
/* 购买按钮文字 */
.buy-text {
  width: 1.67vw;
  height: 1.05vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.83vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.05vw;
  margin: 0.41vw 0 0 1.25vw;
}
.top20 {
  background: url(/images/pc/top20.png) 100% no-repeat;
  background-size: cover;
    width: 100%;
    height: 20vw;
}




/* 页面最外层容器 */
.page-wrap {
  background-color: rgba(250, 250, 250, 1);
  position: relative;
  width: 100vw;

}
/* 功能菜单总容器 */
.menu-container {
  width: 100vw;
  min-height: 44.6vw;
      justify-content: center;
}

/* 第一行三个卡片外层 */
.menu-row-top {
  width: 63.55vw;
  height: 12.92vw;
  margin: 3.75vw 0 0 18.22vw;
}
/* 单个功能卡片通用 */
.menu-card {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  height: 12.92vw;
  width: 19.8vw;
  justify-content: flex-center;
}
/* 卡片图标头部行 */
.ucard-head {
  width: 16.46vw;
  height: 3.75vw;
  margin: 1.66vw 0 0 1.66vw;
}
/* 图标背景容器 */
.card-icon-box {
  height: 3.75vw;
  width: 3.75vw;
}
/* 图标图片 */
.card-icon {
  width: 2.3vw;
  height: 2.3vw;
  margin: 0.78vw 0 0 0.78vw;
}
/* 右侧箭头图标容器 */
.card-arrow-box {
  height: 2.5vw;
  
  background-size: 100% 100%;
  width: 2.5vw;
}
.card-arrow {
  width: 2.5vw;
  height: 2.5vw;
}
/* 主标题容器 */
.card-title-wrap {
  width: 6.67vw;
  height: 2.09vw;
  margin: 1.66vw 0 0 1.66vw;
}
.ucard-title {
  width: 6.67vw;
  height: 2.09vw;
  overflow-wrap: break-word;
  color: rgba(81, 81, 81, 1);
  font-size: 1.46vw;
  font-family: PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.09vw;
}
/* 副标题容器 */
.card-desc-wrap {
  height: 1.46vw;
  margin: 0.62vw 0 1.66vw 1.66vw;
}
.card-desc {
  overflow-wrap: break-word;
  color: rgba(162, 162, 162, 1);
  font-size: 1.05vw;
  font-family: PingFang SC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 1.46vw;
}
/* 第二行三个卡片外层 */
.menu-row-bottom {
  width: 63.55vw;
  height: 12.92vw;
  margin: 2.08vw 0 5.26vw 18.22vw;
}
/* 紫色图标特殊内层 */
.icon-purple-inner {
  background-color: rgba(168, 113, 255, 1);
  width: 1.78vw;
  height: 1.98vw;
  margin: 0.93vw 0 0 0.93vw;
}
.icon-purple-sm1 {
  background-color: rgba(207, 174, 255, 1);
  width: 0.68vw;
  height: 0.68vw;
}
.icon-purple-sm2 {
  background-color: rgba(255, 255, 255, 1);
  width: 0.79vw;
  height: 0.63vw;
  margin: 0.05vw 0 0.62vw 0.31vw;
}
.icon-purple-mark {
  position: absolute;
  left: 1.78vw;
  top: 1.46vw;
  width: 1.1vw;
  height: 1.1vw;
}
/* 卡片文字区域（上下排版） */
.card-text-block {
  width: 7.5vw;
  height: 3.96vw;
  margin: 1.77vw 0 1.77vw 1.66vw;
}
.card-text-group {
  width: 7.5vw;
  height: 3.96vw;
}
.card-desc-bottom {
  margin-top: 0.42vw;
  width: 7.5vw;
  height: 1.46vw;
}
/* 底部版权栏 */
.footer-wrap {
  background-color: rgba(245, 245, 245, 1);
  width: 100vw;
  height: 14.38vw;
  margin-top: -0.05vw;
}
.footer-text {
  width: 56.72vw;
  overflow-wrap: break-word;
  text-align: center;
  white-space: nowrap;
  margin: 2.5vw 0 0 21.66vw;
}
.footer-text-t1 {
  height: 1.25vw;
  font-size: 1.04vw;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  color: #000;
  line-height: 1.25vw;
}
.footer-text-t2 {
  height: 1.25vw;
  margin-top:1.66vw;
  font-size: 1.04vw;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  color: #000;
  line-height: 1.25vw;
}
.footer-text-t3 {
  height: 1.15vw;
  margin-top:1.66vw;
  font-size: 0.83vw;
  font-family: PingFang SC-Regular;
  color: rgba(85, 85, 85, 1);
  line-height: 0.84vw;
  margin-bottom:1.97vw;
}

/* 不同卡片间距复用 */
.card-gap-l {
  margin-left: 2.09vw;
}
/* 单个卡片描述宽度差异化 */
.desc-w1 {width:8.75vw;}
.desc-w2 {width:12.5vw;}
.desc-w3 {width:10vw;}
.desc-w4 {width:12.5vw;}

.layui-btn-danger{
    
    
        background-image: linear-gradient(270deg, rgba(248, 127, 36, 1) 0, rgba(252, 190, 57, 1) 100%);
}


/* 全屏黑色遮罩 */
.modal-mask {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 56.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.81vw;
}
/* 弹窗通用 */
.modal-box {
  background: #fff;
  border-radius: 12px;
  padding: 2.5vw 3.33vw;
}
/* 注册弹窗尺寸 */
.modal-register {
  width: 29.69vw;
  height: 40vw;
}
/* 登录弹窗尺寸 */
.modal-login {
  width: 29.69vw;
  height: 27.09vw;
}
/* 弹窗标题 */
.modal-title {
  font-size: 1.04vw;
  letter-spacing: 4px;
  font-family: PingFang SC-Heavy;
  font-weight: 900;
  color: #000;
  margin-bottom: 1.25vw;
}
/* 标签文字 */
.form-label {
  font-size: 0.83vw;
  letter-spacing: 4px;
  color: #3a3a3a;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  display: block;
  margin:1.25vw 0 0.62vw;
}
/* 输入框容器 */
.input-wrap {
  background: #f5f5f5;
  border-radius: 8px;
  height: 2.92vw;
  padding:0 1.25vw;
}
/* 输入框样式 */
.form-input {
  width:100%;
  height:100%;
  background:transparent;
  border:none;
  outline:none;
  font-size:0.83vw;
  color:#979797;
}
.form-input:focus{
  color:#3a3a3a;
}
/* 底部按钮容器 */
.btn-group{
  display:flex;
  justify-content: space-between;
  margin-top:2.5vw;
  width:23.08vw;
}
/* 普通灰色按钮 */
.btn-gray{
  width:10.79vw;
  height:2.92vw;
  background:#f5f5f5;
  border-radius:8px;
  border:0;
  font-size:0.83vw;
  font-weight:700;
}
/* 橙色渐变按钮 */
.btn-orange{
  width:10.79vw;
  height:2.92vw;
  background: linear-gradient(270deg,#f87f24,#fcbe39);
  border-radius:8px;
  border:0;
  color:#fff;
  font-size:0.83vw;
  font-weight:700;
}
.btn-orange100{
  width:100%;  text-align: center;
    line-height: 2.9vw;
    cursor:pointer;
}
/* 忘记密码 */
.forget-pwd{
  font-size:1.04vw;
  color:#3a3a3a;
  margin:1.25vw 0;
  display:block;
  text-align:right;
}
.ucardbutton .author-item{
        margin-right: 1vw;
}