body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}
a{color: #fff;}
a:hover{color: #fff;}
.swiper-container {
  height: 100%;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #000;
}
video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.play-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  z-index: 10;
}
.play-header .back {
  cursor: pointer;
}
.play-header .counter {
  font-size: 14px;
}
.play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  cursor: pointer;
  /* display: none; */
  text-align: center;
  line-height: 80px;
}
.play-overlay.visible {
  display: flex;
}
.play-overlay::before {
  content: '▶';
  color: #fff;
  font-size: 40px;
}

/* å³ä¾§æŽ§åˆ¶æŒ‰é’® */
.video-controls {
  position: absolute;
  top: 50%;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 15;
}
.like-button, .playlist-button {
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
  margin: 10px 0;
}
.like-button {
  display: flex;
  align-items: center;
}
.like-count {
  margin-left: 8px;
}

/* å‰§é›†æŒ‰é’®åˆ—è¡¨ */
.playlist-button {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
}
.playlist-button.locked {
  background: rgba(0, 0, 0, 0.8);
  position: relative;
}
.playlist-button.locked::after {
  content: 'ðŸ”’';
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 20px;
}

.actions {
  position: absolute;
  right: 5%;
  bottom: 16%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  z-index: 2;
}
.actions div,
.actions .list{
  width: 50px;
  height: 50px;
  /* border-radius: 50%; */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 34px;
  color: #fff;
  flex-direction: column;
}
.actions .hits{font-size: 14px;margin: 5px 0;}
.actions .fa-heart{color: #ff4081;}

/* å‰§é›†å¼¹çª— */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
.modal-content {
  border-radius: 8px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.modal-box{
  background: #25252b;
  padding: 20px 10px;
  /* margin: 0 10px; */
}
.modal-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 300px;
  overflow-y: scroll;
}
.modal-content ul li {
  margin: 10px 0;
}
.close-modal {
  background: red;
  color: white;
  border: none;
  padding: 8px;
  border-radius: 20px;
  cursor: pointer;
  float: right;
}
.video-cover{
  position: absolute; top: 0; left: 0; width: 100%; height: 85%;
}
.modal .playlist-box li{    margin-top: 10px;position: relative;float: left;width: 20%;padding-left: var(--theme-gap, 10px);padding-right: var(--theme-gap, 10px);--theme-gap: 5px;-webkit-box-sizing: border-box;}
.modal .playlist-box li a{text-decoration: none;display: block;text-align: center;border-radius: 4px;line-height: 2.8;background-color: #3f3f3f;background-image: none;color: #fff;}
.modal .playlist-box li a.active{background-color: #ff4081;color: #ffffff;}
.modal .modal-content h3{color: #fff;margin: 10px 5px;font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.modal .total{color: #fff;background-color: #3f3f3f;padding:0px 5px;margin-right: 5px;}

.playlist-box .lock-box{position: absolute;top: 0;right: 5px;background-color: #F5474733;border-radius: 3px;padding: 0 5px;}
.playlist-box .lock-box .lock{width: 10px;}

.error-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;font-size: 14px;color: #fffc;line-height: 1.8;}
.error-btn .popup-image{display: flex;justify-content: center;align-items: center;position: relative;width: 140px;height: 220px;border: 1px solid;border-radius: 10px;overflow: hidden;}
.error-btn .popup-image img{width: 140px;height: 220px;}
.error-btn .title{margin-top: 10px;text-align: center;color: #fff;width: 500px;font-size: 18px;line-height: 1.8;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.error-btn .watch-popup{background: linear-gradient(270deg, #FFA756 0%, #FF6C19 100%);color: #fff;font-size: 12px;padding: 5px 10px;border-radius: 5px;}
.error-btn .triangle{width: 0;height: 0;margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #f08c23}
.error-btn .btns{    display: inline-block;width: 200px;text-align: center;font-size: 16ox;font-weight: 600;line-height: 1.8;background: linear-gradient(270deg, #F73A67 0%, #E1384E 100%);color: #fff;border: 1px solid #ff375f;border-radius: 6px;    padding: 10px 20px;}


@media (min-width: 864px) {
  body{background-color: #25252c;text-align: center;margin: 0;padding: 0;max-width: 780px;margin-left: auto;margin-right: auto;}
}
video {-webkit-touch-callout: none;-webkit-user-select: none;-webkit-overflow-scrolling: touch;playsinline: true;pointer-events: auto;}

/* subscribe pop  */
.pop-dialog{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000000b3;z-index: 9;display: none;}
.dialog{ position: fixed;max-height: 100%;overflow-y: auto;box-sizing: border-box;bottom: 0;z-index: 9;margin:0;color: #fff;font-size: 14px;background: #1a1919;max-width: 780px;margin: auto;height: 85%;left: 0;right: 0;}
.animate-up{animation: slide-up 0.5s forwards;}
.animate-down{animation: slide-down 0.5s forwards;}
@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-down {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}
.van-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #0000003d;z-index: 9;}
.van-popup{background: linear-gradient(180deg, #1C1212 1.12%, #1A1A1A 100%);height: 100%;padding-bottom: 30px;position: relative;z-index: 99;}

.van-popup .popup-content{display: flex;flex-direction: column;width: 100%;height: 100%;background: url(/static/images/payBg-4e754054.png) no-repeat;background-size: cover;}
.van-popup .popup-content .pupop-header{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.van-popup .popup-content .pupop-header img{width: 50px}
.van-popup .popup-content .pupop-body{padding: 10px}
.van-popup .popup-content .pupop-body{flex: 1;overflow: hidden;display: flex;flex-direction: column;}
.van-popup .popup-content .pupop-body .pay-list{overflow-y: scroll;padding: 10px 0;}
.van-popup .popup-content .pupop-body .title{font-size: 15px}
.pupop-body ._payItem_17v1g_1{position: relative;display: flex;height: 90px;color: #fff;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;margin-top: 12px;}

._payItem_17v1g_1 .isActive{background: url(/static/images/listActive-b66c7045.png) no-repeat;background-size: 100% 100%;}
._payItem_17v1g_1 .pay-item-box{position: relative;display: flex;    width: 100%;}
._payItem_17v1g_1 .pay-item-box .pay-item-left{display: flex;flex-direction: column;justify-content: center;    width: 80px;text-align: center;}
._payItem_17v1g_1 .pay-item-box .pay-item-left .left-total-price{font-weight: 900;font-size: 18px;color: #fff;}
._payItem_17v1g_1 .pay-item-box .pay-item-left .left-day-price{color: #fff6;font-size: 13px}

._payItem_17v1g_1 .pay-item-box .pay-item-right{flex: 1;display: flex;flex-direction: column;justify-content: center;}
._payItem_17v1g_1 .pay-item-box .pay-item-right .right-title{text-align: left;color: #fff;font-size: 14px}
._payItem_17v1g_1 .pay-item-box .pay-item-right .right-desc{font-weight: 400;color: #c1bcbc;font-size: 12px;}
._payItem_17v1g_1 .pay-item-box{ padding: 10px 10px}

.amount-popup{position: absolute;top: 0;right: 0;transform: translateY(-40%);background: linear-gradient(270deg, #991FF9 .23%, #E64BFF 99.77%);font-size: 10px;padding: 2px 8px;border-radius: 5px;}
.popup-footer{padding: 0px 0px 12.8vw;background: transparent;padding: 0 10px;}
.popup-footer button{color: #fff;border: none;background: #E1384E;font-size: 14px;padding: 5px;position: relative;width: 100%;display: inline-block;box-sizing: border-box;padding: 15px;
  border-radius: 5px;}
/* subscribe pop end */

.popup-footer .paypal{margin-top: 10px;background: #ffd042 !important;font-weight: 800;}
.popup-footer .paypal .text-pay{color: #00339a;}
.popup-footer .paypal .text-pal{color: #00a0ed;}

.single_bg{ width: 403px;height: 403px;position: relative;background: url("/static/images/single.png") 0% 0% / cover;border-radius: 24px;padding: 90px 20px 0px;display: flex;flex-direction: column;justify-content: center;  align-items: center; color: white;
  text-align: center;}
.bonus-main{display: flex;flex-direction: column;justify-content: center; align-items: center;}
.top-banner{background:url('/static/images/single.png') no-repeat center/cover;height:100px;border-radius:20px 20px 0 0;padding-top:25px;font-size:16px;font-weight:bold}
.content{background:linear-gradient(to bottom,#ffe1dc,#fcb98f);color:#a200a2;padding:20px;border-radius:0 0 20px 20px}
.price{font-size:36px;font-weight:bold;margin-bottom:10px}
.description{font-size:14px;margin-bottom:20px}
.pay-button{background:url('/static/images/singlebtn.png') no-repeat center/cover;width:200px;height:40px;border:none;border-radius:20px;color:white;font-weight:bold;font-size:16px;cursor:pointer;margin-bottom:10px}
.close-btn{background:#444;border:none;border-radius:50%;width:30px;height:30px;color:#fff;font-size:20px;line-height:30px;cursor:pointer}
.off_img{width: 50px;height: 50px;}
.single_t1{font-size:16px;font-weight:bold;margin: 20px 0 40px;}
.single_t2{font-size:42px;font-weight:bold;margin-bottom:4px;color: #ff33dd;}
.single_t4{position:relative;height:70px;margin:30px auto 10px}
.single_t4_img{width:100%;height:100%;display:block}
.single_t5{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:bold;font-size:16px;color:white;pointer-events:none}
.single_t6{font-size:14px;margin: 10px 0;color: #8a4aac;}
.bonus{text-align:center;color:#fff;animation:bonusIn 0.4s ease-out;transform-origin:center}
@keyframes bonusIn{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}