/** 在线影视库
**又加
**QQ841525145
**/
body .site-main-container{ opacity:1 !important;pointer-events: auto !important;}
.moviekuBox{display:flex;flex-wrap:wrap;}
#moviekuWrap{width:calc(100% - 10px);margin:0 auto}
#moviekuSidebar{width:300px;}
.input-group{width:calc(100% - 30px);margin-bottom:10px !important;margin:0 15px;}.input-group textarea{outline:none;resize:none;padding:10px;height:300px;border-radius:6px !important;background:rgba(255 255 255 / 60%);}.btn{border:0;margin-right:5px;margin-bottom:10px;}.btn:focus{outline:none;outline-offset:0;}.btn-wrap{margin:15px}.btn-warning{background-color:#3e913e !important;border-color:#3e913e !important;}.warning{position:fixed;left:0;right:0;margin:0 auto;top:20%;background:rgb(221 39 39 / 53%);width:100px;text-align:center;color:#fff;padding:10px;border-radius:6px;display:none;z-index:9999}
#iframebox{border:1px solid #ccc;margin: 0 15px;width: calc(100% - 30px);}
#playbox{border-radius:6px;width:calc(100% - 0px);background:#000 url(../images/moviebg.jpg) no-repeat center;background-size:cover;}
input::selection{background:#000 !important;color:#fff !important}
#searchtext{height:40px}
#searchbtn{font-size:14px;padding:10px;z-index:1}
.hotlist a{margin:0 10px 10px 0;color:#3d3d3d !important;text-decoration:none}
.table{background:#fff;border-radius:4px}
.relative{position:relative}.relative .fixed{background:#fff;z-index:10;position:absolute !important;right:0;}#caidan{z-index:10;background:#fff;position:absolute;right:70px;}#wrap{max-width:1200px !important;margin-top:0px !important;}#menu{max-width:1200px !important;padding: 0;}.footer{text-align:center;padding:10px;color:#999999;}audio,video{width:100%;max-height:550px;background:rgba(0,0,0,0.9)}button:focus{border:0}.opendeng{z-index:10; position:fixed;top:70px;left:0;right:0;margin:0 auto;width:100%;max-width:1400px}.opendeng video{max-height:600px}#bodybg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;opacity:0.9;filter:alpha(Opacity=90);-moz-opacity:0.9;}
.videolist{width: 100%;display: inline-block;padding-bottom:0;}.videolist a {margin: 0 5px 10px;padding: 10px;background: #fff;color: #5a5a5a;border-radius: 4px;width: calc(10% - 10px);text-align: center;
}.videolist a.curr,.videolist a:hover{background:#E91E63;color:#fff;padding:10px;text-decoration:none;}.fixsearch{position:fixed;top:52px;left:0;height:calc(100% - 52px);border-radius:0;}
.listbox{width: 100%;display: flex;flex-wrap: wrap;}
.morelist{display:none;background:#4576e2;border: 1px solid #fff;text-align: center;color: #fff;padding: 10px;cursor: pointer;font-size:16px;border-radius:4px;margin-bottom:15px;}
.closemode{height:100px; overflow:hidden}
.listimg{position:relative}
.listimg .bg{background:rgb(0 0 0 / 0.5);width:calc(100% - 40px);height: 25px;bottom: 25px;z-index: 9;position:absolute;}
.listimg .title{z-index:10;position:absolute;width:calc(100% - 50px);height:25px;bottom:22px;font-size:14px;color:#fff;text-align:center;margin:0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.listimg img{min-height:200px;max-height:200px;min-width:160px}
@media screen and (max-width: 799px){
#wrap{margin:0px 10px 0 !important}
video{max-height:200px}#menu{padding:0 15px}
.videolist a{margin:0 10px 10px !important;width:calc(20% - 20px);text-align:center}
.movietime,.movietimes{display:none}
.listimg img{min-width:100%}
.listbox{max-height:300px;overflow-y:auto;}
}
@media screen and (max-width: 660px){
.videolist a{width:calc(25% - 20px);}
}
@media screen and (max-width: 460px){
.videolist a{width:calc(33% - 20px);}
}
.loadwrap{display:none;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:10000;backdrop-filter: blur(1px);background-color:rgba(0, 0, 0, 0.2);}.loaderbox{width:140px;height:120px;text-align:center;position:absolute;top:calc(50% - 70px);left:calc(50% - 70px);padding-top:15px;background-color:rgb(201 201 201 / 60%);backdrop-filter: blur(2px);border-radius:16px;box-shadow: 0px 2px 10px -5px hsl(0deg 0% 0% / 70%);}#loader-1{width:60px;height:60px}.load-msg{height:30px;line-height:30px;color:#1e1e1e;font-size:13px;font-weight:600;background-image: linear-gradient(88deg, #6100dd 30%, #ff4700 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.refreshText{position:absolute;width:100%;line-height:50px;text-align:center;left:0;top:0;transform:translateY(-50px);}
.modal-body{padding: 5px;}
.gonggao{margin-top:70px;padding:5px 0 15px 0;margin-bottom:20px;border-radius:4px}
.gonggaot{text-align:center;background-color:rgb(209 209 209 / 26%);border-color:rgb(209 209 209 / 26%);background-image:url(https://htoo.vip/static/picture/circles.svg);background-size:auto;background-repeat:no-repeat;background-position:center center;width:100%;min-height:100%}
.gonggao.gonggaot.row p{margin:0}
.gonggao img{max-width:100%;height:auto;max-height:300px;margin-bottom:20px}
.alert-info {
    color: #3d3d3d !important;
    background-color: #f9f9f9 !important;
    border-color: #bce8f1 !important;
}
/*new play list*/
.listclass{
    display: flex;
    border-bottom: 0;
    padding: 0  0 10px 5px;
}
   .listclass span{
    padding: 10px;
    background: #eee;
    cursor: pointer;
    font-size:14px
}
   .listclass span:hover, .listclass span.active{background:#673AB7 !important;color:#fff !important;border-radius: 5px;}
   .listcontent{
    border-top: 0;
    padding: 0 0 10px;
    overflow-x: auto;
    white-space: nowrap;
}
   .listcontent div{display:none;}
   .listcontent div.active{/*display: flex;flex-wrap: wrap;*/display: inline-flex;}
   .listcontent::-webkit-scrollbar {
    height: 15px;
    width: 6px;
}
    .listcontent::-webkit-scrollbar-thumb {
    background: #a5a5a5;
}
   .listcontent a{
    text-align: center;
    color: #4f4f4f!important;
    font-weight: bold;
    padding: 10px;
    background: #ebebeb;
    border-radius: 5px;
    display: block;
    margin: 0 5px 5px;
    min-width: 70px;
    width: 100%;
    font-size:14px;
    /*width: calc(10% - 10px);*/
}
.listcontent a.curr, .listcontent a:hover{background:#E91E63;color:#fff !important;width: 100%;}
/*空内容*/
.wuneir {
    background: url(../images/wuneir.png) no-repeat;
    width: 100px;
    height: 120px;
    margin: 0 auto;
    background-size: cover;
    position: relative; /* 将 .wuneir 设置为相对定位 */
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;

}

.wuneir-text {
    position: absolute; /* 将文字设置为绝对定位 */
    font-weight: bolder;
    bottom: -40px; /* 距离 .wuneir 底部距离为 0 */
    left: 0; /* 左侧对齐 */
    right: 0; /* 右侧对齐 */
    text-align: center; /* 文字居中 */
    padding: 10px; /* 可选：添加一些内边距 */
}

/*newsearch*/
.newsearch{margin-top:50px;}
.newsearch .soico {
    background: url(../images/VRlogo.svg) no-repeat;
    width: 150px;
    height:140px;
    margin: 0 auto;
    background-size: cover;
    background-position:0 -10px;
}
.newsearch .tip{text-align:center;font-family: 'YourCustomFont', sans-serif;}
.newsearch .tip h2{font-weight:bold;margin:0;padding-bottom:10px;font-size:24px}
.newsearch .tip span{color:#767676;font-size:14px}
.newsearch .searchbox {
    justify-content: center;
    display: flex;
    margin: 20px auto;
}
.newsearch .searchbox .searchdiv{background: #fff;border-radius: 40px;overflow: hidden;display: flex;padding:15px;width:360px;box-shadow: 0px 1px 2px #2b304400, 0px 4px 16px rgb(43 48 68 / 5%);}
.newsearch .searchbox .searchico{background:url(../images/search.svg) no-repeat;cursor:pointer;width:36px;height:36px;background-size: 100% 100%;}
.newsearch .searchbox input{background:#fff;border:0;color:#151515; outline:none;width: calc(100% - 36px);font-weight: bold;}
.newsearch .searchbox input:focus{background:#fff;border:0;color: #151515;}

@media (max-width:750px){
    .newsearch .soico{width:200px;height:180px}
    .listcontent a{width:100%/*width:calc(33% - 10px);*/}
    .listclass{overflow-x: auto;white-space: nowrap}

}
.cover-image img{vertical-align:middle;height:100px;width:80px;border-radius:12px;top:0;left:0;object-fit:cover}
h1{font-size:16px;/*margin-top:-10px*/}
.moviekuBox a:focus, .moviekuBox a:hover{text-decoration:none}
#moviekuWrap a{color:#ffffff}
button a:hover{color:#ffffff;text-decoration:none}
.notifications-container{width:100%;height:auto;font-size:0.875rem;line-height:1.25rem;display:flex;flex-direction:column;gap:1rem;padding:5px 0;}
.notifications-container .success{position:relative}
.notifications-container .success .list-video-mode{position:absolute;right:0px;top:0;background:#b7aa00;    background-image: linear-gradient(135deg, #38cc7f 10%, #897bff 100%);color:#fff;padding:5px;font-size:14px;z-index:10;border-radius:0 6px;}
.notifications-container .success .list-video-free{}
.notifications-container .success .list-video-vip {background-image: linear-gradient(135deg, #ffb300 10%, #ee334b 100%);}
.anse1{background-color:rgb(7 193 96 / 80%)!important;color:#ffffff!important}
button.success-button-main.rounded-circle.anse1:hover{box-shadow:rgb(57 205 128 / 60%) 0 4px 12px;transition:all 250ms}
.anse2{background-color:rgb(100 91 255 / 85%)!important;background-image: linear-gradient( 135deg, #b70aff 10%, #645bff 100%);color:#ffffff!important}
button.success-button-main.rounded-circle.anse2:hover{box-shadow:rgb(123 115 255 / 80%) 0 4px 12px;transition:all 250ms}
.flex{display:flex;align-items:center}
.flex-shrink-0{flex-shrink:0}
.success{padding:1rem;background-color:#f9f9f9;border-radius:20px}
.success:hover{border-color:rgba(0,0,0,0.15);box-shadow:rgba(0,0,0,0.1) 0 4px 12px;background-color:#ffffff;color:rgba(0,0,0,0.65);transform:translateY(-1px);transition:all 250ms;margin-right:-5px;margin-left:-5px}
.success-prompt-wrap{margin-left:1.2rem}
.success-prompt-heading{font-weight:bold;color:rgb(22 101 52)}
.success-prompt-prompt{margin-top:0.5rem;color:#858585}
.success-button-container{display:flex;gap:0.5rem;margin-left:auto}
.success-button-main{width:55px;height:55px;display:flex;justify-content:center;align-items:center;font-size:0.875rem;line-height:1.25rem;font-weight:bold;border-radius:50%;border:none;cursor:pointer}
.scc{color:#ffffff;background:linear-gradient( 135deg, #b70aff 10%, #645bff 100%);border-radius:7px;padding:3px 5px}
.scc1{color:#4CAF50;background:rgb(76,175,80,24%);border-radius:7px;padding:3px 5px}
.container{padding-right:0px!important;padding-left:0px!important;margin-right:auto;margin-left:auto}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0!important;margin-left:0!important}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background-color:#f1f1f1}
::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background-color:#555}

.video-next-btn{background:#017afe url(../images/next.png) no-repeat;width:35px;height:35px;display:block;float:right;padding: 20px;margin: -8px 10px 0 0;box-sizing: border-box;border-radius: 60%;background-position: 5px;cursor: pointer;}
iframe {
  height: 480px;
}
@media (max-width: 768px) {
  iframe {
    height: 380px;
  }
  .iframeclss {
      display: none;
    }
    .video-next-btn{
        margin: -8px 0;
    }
}
@media (max-width: 480px) {
  iframe {
    height: 190px;
  }
}
.iframefull{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.fulloutBtn{position:fixed;top:10px;margin: 8px 0 0 0!important;right:10px;width:80px;height:40px;z-index:99999999}
.iframeclss{font-size:35px!important;vertical-align:bottom;line-height:initial;float:right !important;margin:-8px 0 0 0;background: #017afe!important;color:#fff!important;border-radius:100%;padding:3px;}
.iframeclss:hover {
    background: linear-gradient(135deg, #017afe 10%, #8500ff 100%) !important;
}
.input__container::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(25px);
  border-radius: 20px;
  background-color: #ffffff;
  background-image: radial-gradient(at 50% 60%, hsl(297deg 100% 55% / 50%) 0px, transparent 27%),radial-gradient(at 39% 35%, hsl(125deg 100% 50% / 50%) 0px, transparent 20%),radial-gradient(at 60% 41%, hsl(53deg 100% 70%) 0px, transparent 30%);
  opacity: 20%;
}
.text-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 70px); /* 设置最大宽度，减去图标和其他元素的宽度 */
  display: inline-block;
  vertical-align: bottom;
}
/*@font-face {*/
/*  font-family: 'YourCustomFont';*/
/*  src: url('./static/alifont/C0gmxDBft4Pg.woff2') format('woff2'),*/
/*       url('./static/alifont/C0gmxDBft4Pg.woff') format('woff');*/
/*}*/
#playModalBg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);z-index:99990;display:none;}
#playModal{display:none;position:fixed;top:20%;left:0;right:0;margin:0 auto;width:360px;background:#fff;box-sizing:border-box;padding:10px;border-radius:6px;z-index:99999}
.viewImg-title{border-bottom:1px solid #ccc;padding:0 0 10px;margin-bottom:10px;position:relative}
.viewImg-title span{position:absolute;font-size:14px;top:0;right:0;cursor:pointer;padding:0 5px;background: linear-gradient(135deg, #b70aff 10%, #645bff 100%) !important;border-radius: 6px;color: #ffffff;z-index:1}