/*限制下载次数*/
.download-info {
    display: flex;
    justify-content: space-around;
    margin: 20px 0;
    cursor: pointer;/* 鼠标指针样式为指针 */
}
.card1 {
    flex: 1;
    margin: 0 10px;
    padding: 5px;
    border-radius: 8px;
    background-color: #f8f9fa;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.3s ease; /* 平滑过渡效果 */
}

.card1:hover {
    transform: translateY(-5px); /* 悬停时上移效果 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.label {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px; /* 标签与值的间距 */
}

.value {
    font-size: 24px;
    font-weight: bold; /* 加粗字体显示数值 */
}
#countdown-progress-bar {
    width: 100%;
    background-color: #ddd;
}

#progress-bar {
    height: 8px;
    background-color: #4fe155;
    border-radius: .8rem;
}
.btn-upgrade, .btn-redeem {
    padding: 10px 20px;
    font-size: .65rem;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.btn-upgrade {
    background-color: #ff4757; /* 鲜艳的红色 */
    color: white;
}

.btn-upgrade:hover {
    background-color: #ff6b81;
    transform: scale(1.05);
}

.btn-redeem {
    background-color: #1e90ff; /* 鲜艳的蓝色 */
    color: white;
}

.btn-redeem:hover {
    background-color: #63a4ff;
    transform: scale(1.05);
}

.btn:active {
    transform: scale(0.95);
}

.fa-arrow-up {
    color: yellow; /* 图标颜色 */
}

.fa-wallet {
    color: green; /* 图标颜色 */
}

.no-permission-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20px; /* 居中并添加下边距 */
}
.no-permission-container {
    text-align: center;
    margin-top: 20px;
}
p.no-permission-text {
    text-align: center;
    color: #ff0021;
}
h5#exampleModalLabel {
    color: #127402;
    font-size: 13px;
    padding: 12px 0 0 15px;
}
h5#exampleModalLabel:hover {
    transition: transform 0.3s ease-in-out;
    transform: scale(1.05); 
    color: #e30a0a;
    font-size: 14px;
    cursor: pointer;
}
p.tanchuang-vip {
    background-image: linear-gradient(271.52deg, rgb(246 204 95) 6.41%, rgb(241 202 21) 48.69%, rgb(206 141 8) 94.66%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
}
/* 独家授权弹窗头部 */
#custom-modal .modal-header-custom {
    width: 100%;
    text-align: center;
}
i.fa-solid.fa-file-contract.me-1 {
    color: var(--is-element);
}
i.fa-solid.fa-circle-check.me-1 {
    color: #0cbc87;
}
i.fa-solid.fa-shield-halved.me-1 {
    color: #4b82f8;
}
i.fa.fa-bell {
    color: #ffba00;
}
.tip-wenxintishi .fa-bell {
  margin-left: 8px;
}

.lock-notice-wrap {
  background: #f8f9fa;
  border-radius: 10px;
  padding: 10px 12px;
  margin: 8px 0 10px;
}

.lock-notice-title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.lock-notice-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.lock-visual-wrap {
  text-align: center;
}

.lock-countdown-row {
  text-align: center;
}

.lock-redownload-wrap {
  text-align: center;
}
/*倒计时ui*/
span#countdown-display {
    background: #ff0404;
    padding: 0 15px 0 15px;
    border-radius: 25px;
    color: white;
}
div#progress-container {
    border-radius: 2rem;
    background: #ddd9d9;
}
  .container-wenxintishi {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    align-items: center;
        padding: 5px 15px;
  }

  .tip-wenxintishi {
    font-weight: 400;
    font-size: 14px;
  }

  .scrolling-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    flex-grow: 1;
    position: relative;
  }

  .content-wenxintishi {
    font-size: 13px;
    display: inline-block;
    position: relative;
    left: 20%;
    animation: scrollContent 20s linear infinite;
    color: #21c918;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
  }

  @keyframes scrollContent {
    0% {
      left: 20%;
    }
    100% {
      left: -80%;
    }
  }

  .scrolling-container:hover .content-wenxintishi {
    animation-play-state: paused;
  }
    /*加载动画开始*/
		.ball{
		    width: 100px;
		    height: 100px;
		    margin: 50px auto;
		    position: relative;
		    transform: translateY(-30px);
		}

		.ball> div {          /*设置水波纹的样式*/
		    background-color: #279fcf;
		    border-radius: 100%;
		    margin: 2px;
		    position: absolute;
		    left: 15px;
		    top: 15px;
		    opacity: 0;
		    width: 60px;
		    height: 60px;
		    animation: anim 1s 0s linear infinite both;
		}
		.ball > div:nth-child(2) {        /*设置动画延迟*/
		    animation-delay: 0.2s;
		}
		/*此处省略设置第三个和第四个圆圈的动画延迟的代码*/
		.ball> div:nth-child(3) {
		    animation-delay: 0.4s;
		}

		.ball > div:nth-child(4) {
		    animation-delay: 0.6s;
		}

		@keyframes anim {
		    0% {transform: scale(0);
		        opacity: 0; }
		    5% {opacity: 1; }
		    100% {transform: scale(1);
		           opacity: 0; }
		}
		    /*加载动画结束*/