body{
margin:0;
font-family: "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;font-size:14px;color: #555;
background-image: linear-gradient(135deg, #583230 10%, #360940 100%);}
li{ list-style-type:none;}
*{margin:0;padding:0;}
a, h1, h2{text-decoration:none;color:#333;}
img{width:100%;display:block;background:url(../images/lazyload.gif) no-repeat scroll center center transparent;}
.container{width:70%;margin:auto;background:#fff;box-sizing:border-box;}
.pad-a{padding-top:10px}
.pad-b{padding:0 20px 20px;}
.pad-c{padding:20px 0;}
.container-content{display:flex;}
.container-left{flex:7.5;min-width: 0;}
.container-right{flex:2.5;padding-left:20px;min-width: 0;}
.textlist-b-color{padding:10px;box-shadow: 0 2px 5px 1px rgb(0 0 0 / 10%);}
.d-p{display:inline-block;}
.container-bottom{display:flex;gap:10px;}
.container-bottom > div{flex:1; min-width:0;}

.header{background:#fff;box-shadow: 0 2px 5px 1px rgb(0 0 0 / 20%);position: relative;}
.header.is-sticky {position: sticky; top: 0; z-index: 10;}
.topbar{display:flex;align-items:center;justify-content:space-between;}
.logo{margin-left:10px;font-size:22px;font-weight:bold;}
.search input{padding:10px;width:500px;border: 1px solid #7BA7AB;outline: none;}
.search button{padding:10px;border: none;color: #F9F0DA;background: #e2282e;}
.user{margin-right:10px;}
.user a{padding:5px 10px;border:1px solid #ddd;}
.top-left{display:flex;align-items:center;gap:40px;}
.nav{margin-top:10px;}
.nav ul{display:flex;gap:10px;padding:10px 20px 0;background:rgba(25,35,50,.98); overflow-x: auto;}
.nav ul::-webkit-scrollbar{display:none;}
.nav a{display: block;font-size:15px;color:#eee;font-weight: bold;padding:8px 15px;white-space: nowrap;flex-shrink: 0;}
.nav .active{background:#fff; padding:0 8px;}
.nav .active a{color:#222d34;}

.block-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0;border-bottom: 1px solid #EEE;}
.block-right{margin-left:auto;display:flex;align-items:center;}
.block-head ul{display:flex;}
.split-line{background-color: #EEE;display: inline-block; margin:0 12px;width: 1px;height: 14px;vertical-align: -2px;}
.block-title{margin:0;font-size:18px;font-weight: 500;line-height:46px;}
.more{color: #eee;background: #408BEA;padding: 2px 6px;border-radius: 3px;}
.poster-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;}
.poster-scroll .poster-list{flex-wrap: nowrap;}
.poster-scroll .poster-item{flex: 0 0 auto;width: 120px;}
.poster-list{display:flex;flex-wrap:wrap;gap:10px;}
.poster-item{width:calc(16.66% - 10px);}
.poster-pic{position:relative;padding-top:150%;overflow:hidden;}
.poster-pic img{position:absolute;top:0;left:0;height:100%;object-fit:cover;}

.update{max-width: 80%;position:absolute;bottom:0;right:0;background:rgba(0,0,0,.7);color:#fff;font-size:12px;padding:0 5px;line-height:20px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.poster-title{margin:5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.top-item-p{display:flex;gap:10px;margin-bottom:10px;}
.top-item-p img{width:80px;height:110px;object-fit:cover;}
.top-item-p span{font-size:12px;display: block;margin-top:10px;}

.textlist-box{display:flex;flex-wrap:wrap;margin-top:10px;}
.text-item{padding:8px 0;display:flex;gap:5px;border-bottom: 1px dotted #EEE;}
.text-width-0{width:25%;}
.text-width-1{width:33.33%;}
.text-width-2{width:100%;}

.title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.num-box{padding-top:2px;margin-right: 10px;width: 18px;height: 18px;text-align: center;line-height: 18px;border-radius: 2px;font-size: 12px;}
.num1{background:#ff4a4a;color:#eee}.num2{background:#ff7701;color:#eee}.num3{background:#ffb400;color:#eee}.num{background:#eee;}

.state{color:#999;font-size:12px;margin-right:10px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.state-width{width:15%;}

.footer{margin-top:20px;}
.footer p{text-align:center;font-size:13px;color:#666;line-height:26px;}

.filter-box{margin:10px 0;font-size:14px;}
.filter-row{display:flex;padding:8px;align-items:center;border-bottom: 1px dotted #EEEEEE;}
.filter-title{flex-shrink:0;width:40px;color:#999;}
.filter-scroll{overflow-x:auto;white-space:nowrap;flex:1;}
.filter-scroll a{display:inline-block;padding:4px 10px;margin-right:6px;text-decoration:none;}
.filter-scroll a.active{color:#fff;border-radius:.25rem;background: linear-gradient(to right, #ff9900 0, #ff9f16 100%);box-shadow: 0 5px 10px rgba(255, 111, 0, .25);}
.filter-scroll::-webkit-scrollbar{display:none;}

.myui-page{margin:20px 0;}
.myui-page ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:0;list-style:none;}
.myui-page ul li a{display:inline-block;padding:5px 10px;background:#eee;border-radius:4px;text-decoration:none;color:#333;white-space:nowrap;}
.myui-page ul li a.current{background:#ff6600;color:#fff;}

.breadcrumb{font-size:14px;margin:10px 0;color:#666;border-bottom: 1px solid #EEE;padding:0 0 10px;}
.breadcrumb a{color:#333;line-height: 46px;}
.breadcrumb span{margin:0 5px;}

.detail-box{display:flex;gap:20px;}
.detail-pic{width:250px;flex-shrink:0;margin-top:5px;}
.detail-pic img{width:100%;border-radius:4px;}
.detail-info{flex:1;min-width: 0;}
.detail-title{margin:0 0 10px;font-size:20px;}
.desc{margin-top:10px;}
.detail-info p {line-height:1.4;margin:5px 0;}

.t-o-w{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}

.description{margin-top:10px;}
.description p{margin:5px 0;}

.detail-pic-search{width:130px;}
.detail-title-search{margin:0 0 10px;font-size:16px;font-weight: 500;}
.bottom-line{border-bottom: 1px dotted #EEEEEE;padding:10px 0;}


.b-play {margin-top:5px;background-color: #FF9900; border: 1px solid #FF9900;color: #FFFFFF;display: inline-block;padding: 6px 12px;border-radius: 2px;}
.b-detail{ margin-left:10px;border-radius: 2px;background-color: #eee;border-radius: 2px;padding: 6px 12px;}

.playfrom{display: flex;align-items: center; height:30px;line-height:30px;padding-top:10px;margin-bottom:20px;margin-top:20px;border-bottom: 1px solid #eee}

.playfrom .x-title{ padding: 10px;white-space: nowrap;color:#00698C;font-weight:bold;font-size:16px }

.playfrom ul{flex: 1; display: flex; gap:0px; margin: 0;padding-right: 50px;list-style: none;white-space:nowrap;overflow-x:auto;}
.playfrom ul::-webkit-scrollbar {display: none;}
.playfrom ul li{padding: 5px 10px;cursor: pointer; text-align:center;min-width:50px;}
.playfrom ul li.on {color:red;height:25px;line-height:25px;color: #ff9900;border-bottom: 2px solid #FF9900;}

.play_list{display: flex;border-bottom: 1px solid #f5f7fa;position:relative;}
.play_list ul {padding-bottom:10px;width:97%;padding-left:3%;max-height: 130px;overflow-y: auto;transition: max-height 0.3s ease;}
.play_list ul::-webkit-scrollbar {display: none;}
.play_list ul li{float:left; width:30%;margin-left:5px;margin-bottom:10px;border: 1px solid #eee;border-radius:.25rem;} 
.play_list ul li A {FLOAT: left;background:#f5f7fa; width:100%;LINE-HEIGHT: 28px; HEIGHT: 28px;overflow: hidden; TEXT-ALIGN: center;}
.play_list ul li A:hover{background:#000;color:yellow;}
.play_list ul li.playon a{border-color:#444;background:#1b1b1b;color:#FFE199!important}

.play-l-h{display:none;text-align:center;cursor:pointer;color:#007bff;padding:10px 0;}

.play_list {display: none;}
.play_list.active {display: block;}
.play-error{display: flex;gap:20px;padding:5px 20px;color:#ccc;font-size:16px;margin-bottom:10px;background:#1b1a25}
.play-error a{line-height: 40px;color: #999;border-radius: 4px;transition: all 0.2s;}
.play-error a:active {background: #fff;color: #000;}
.play-error a.tapped {background: #fff;color: #000;}
.play-error .PartI{margin-left: auto;}

.paixu-btn {position: absolute;top: -48px;right: 0;font-size: 12px;display: flex;background: #eee;text-align: center;cursor: pointer;user-select: none;}
.paixu-btn a {padding: 5px 15px;font-weight: bold;text-decoration: none;color: #2780E3;} 

.player_1{height:480px;margin-top:20px;background:#000000;position: relative;color:#ddd}
.player_1 .back{position:absolute;top:10px;left:5px;height:45px;width:45px;background: url(../images/back-1.png) 10px 16px no-repeat;}
.player_1 .back a{display:block;width:100%;height:100%}

.player-info{display: flex;flex-wrap: wrap;align-items: center;gap:10px;}
.player-info h1{color:#eee;font-size:20px;font-weight: 500;}
.player-info span{color:red;}
.player-info p{width: 100%;}

@media (max-width:1300px){
.search input{width:240px;}
.container-content{flex-direction:column;}
.d-p{display:none}
}
@media (max-width:768px){
.top-left{gap:20px;}
.search input{padding:6px;}
.search button{padding:6px;}
.nav a{padding:6px;}
.container{width:100%;}
.search input{width:120px;}
.poster-item{width:calc(33.33% - 8px);}
.text-width-0{width:50%;}
.text-width-1{width:50%;}

.breadcrumb a{line-height: 36px;}
.detail-pic{width:130px;}
.player_1{height:240px;}
.poster-scroll .poster-item {width: 95px;}
.filter-row{padding:5px;}
.state-width{width:auto;}
}