@charset "utf-8";

body{background-color: #28162c; color: #ccc;}

h1, h2, h3, h4, h5, h6,a{ color: #ccc;}

.btn-warning{ background-color: #09BB07; border-color: #09BB07; color: #fff;}

.btn-warning:hover,.btn-warning:focus,.btn-warning:link,.btn-warning.active{ background-color: #09af07; border-color: #09af07; }

a:hover,.text-color,.hy-cascade .content-meun .item ul li a.active,.hy-cascade .content-meun .head span{ color: #09BB07; }

.text-muted,.hy-play-list .item .panel .downlist .table > thead > tr > th,.hy-cascade .content-meun .item ul li a,.hy-cascade .content-meun .head span.text,.hy-head-menu .item .search .btns{ color: #999;}

.videopic .score:before{ border-top: 4px solid #09BB07; border-left: 4px solid transparent;}

.hy-head-menu,.hy-layout,.hy-video-details,.hy-cascade,.hy-gototop .item > li > a,.hy-gototop .item > li > .code,.hy-gototop .item > li > .history,.hy-login{background: rgba(0,0,0,0.5); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);}

.hy-index-menu li a,.hy-index-tags li a,.hy-right-qrcode dl,.hy-play-list .item .panel .playlist ul li a,.hy-page ul li a,.hy-page ul li .num,.hy-head-menu .item .search .form-control,.hy-video-hit .item,.hy-video-hit .item ul li,.btn-default,.hy-common .item .content,.hy-common .item .num{border: 1px solid #2b2a2a; background: rgba(0,0,0,0.5); color: #ccc;}

.hy-index-menu li a:hover,.hy-index-menu li a:hover .icon,.hy-index-tags li a:hover,.hy-cascade .content-meun .head dl dd span,.videopic .score,.hy-page ul li a:hover,.hy-page ul li.active a,.btn-default:hover,.hy-play-list .item .panel .playlist ul li a:hover,.hy-video-ranking li .number.active{ background-color: #09BB07; color: #fff;}

.hy-min-screen .item dl{ border-left: 1px solid #2b2a2a;}

.hy-video-ranking li .number,.hy-cascade:before,.hy-video-min-head h5:before,.hy-player .item .sidebar,.hy-comment-list .item .content,.hy-new-content .item .des{background: rgba(0,0,0,0.5);}

.hy-topic-content .head,.hy-video-head h4,.hy-video-details.active .item .content,.hy-cascade .left-head li a,.hy-cascade .left-head li.text,.hy-main-side .side,.hy-gototop .item > li > .history .head,.hy-common .item .content p,.hy-common .item .num em,.hy-new-content .item .head{ border-bottom: 1px solid #2b2a2a;}

.hy-play-list .item .panel,.hy-gototop .item > li > .history li,.hy-comment-list .item h4{border: 0; border-top: 1px solid #2b2a2a;}

.hy-video-text-list .item li .title a,.hy-play-list .item .panel .playlist,.hy-play-list .item .panel .downlist .table,.hy-play-list .item .panel .playlist,.hy-cascade .content-meun .item ul,.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td,.hy-new-index-top li,.hy-new-list .item dl{border-top: 1px dashed #2b2a2a;}

.hy-switch-tabs .nav-tabs{ border-bottom: 2px solid #2b2a2a;}

.hy-switch-tabs .nav-tabs li.active a,.hy-switch-tabs .nav-tabs li.active a:hover,.hy-switch-tabs .nav-tabs li.active a:focus,.hy-head-menu .item .menulist li.active a{ border: 0; background: none; border-bottom: 2px solid #09BB07; color: #09BB07;}

.hy-cascade .left-head li a.active,.hy-video-min-head h5 span,.hy-play-list.play .item .panel .playlist,.hy-play-list.play .item .panel .option,.hy-player .item .footer{ background: rgba(0,0,0,0.5);}

.hy-play-list.play .item .panel .option.collapsed,.hy-video-details.active{ background-color: transparent;}

.hy-gototop .item > li > .code:before,.hy-gototop .item > li > .history:before{ border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid  rgba(0,0,0,0.5);}

.hy-player .item .info{background-color: #000;}

.hy-player .item .sidebar::-webkit-scrollbar-track{background-color: #666;}

.hy-player .item .sidebar::-webkit-scrollbar-thumb { background-color: #999;}

.hy-player .item .sidebar::-webkit-scrollbar-track-piece {background: transparent;}

.hy-footer-partner .item{ background-color: #fff; border: 1px solid #2b2a2a;}

.hy-footer-partner .item a{ border: 1px solid #2b2a2a;}

.hy-member-user .integral{ background-color: #09BB07; color: #fff;}

.hy-member-user dt .user{ border: 2px solid #fff;}

.hy-member-user dd .name{ color: #fff;}

.hy-member-user dd .group{ color: #ccc;}

.hy-comment .item .face{ background-color: #f2f2f2;}

.hy-comment-list .item .content:before{border-left: 8px solid transparent; border-bottom: 8px solid rgba(0,0,0,0.5); border-right: 8px solid transparent;}

.hy-comment-list .item .content .reply{border-bottom: 1px dashed #2b2a2a;}

@media (max-width: 767px){

	.tabbar{ background-color: #2b2a2a;  border-top: 1px solid #444;}
	
    .tabbar .item{color: #999;}
    
    .tabbar .item.active{color: #09BB07;}
    
	.hy-layout,.hy-player .content,.hy-player .sidebar .hy-play-list.play,.hy-video-details{ box-shadow: none;}
	
	.hy-head-menu{ background: none; border: 0; box-shadow: none;}
	
	.hy-index-menu li a:hover,.hy-index-menu li a:hover .icon,.hy-index-tags li a:hover{ background: none; color: #999;}
	
	.hy-cascade{ background: #2b2a2a; box-shadow: none;}
	
	.hy-player .item .footer{  border-bottom: 1px solid #2b2a2a;}
	
	.hy-cascade .content-meun .head{ box-shadow: none; background-color: #2b2a2a;  border-bottom: 1px solid #444;}
	
	.hy-min-screen .item dl{border-left: 0; border-top: 1px dashed #2b2a2a;}
	
	.hy-video-footer a{ border-top: 1px solid #2b2a2a;}
}
 a.active {
	background-color: #666!important;
	color: #FFFFFF;
}

.stui-header__logo .logo{height:auto;}
.carousel.flickity-page{overflow:hidden;}
@media (max-width:767px){
	.carousel.flickity-page:not(.flickity-enabled){min-height:42vw;}
	.carousel.flickity-page .carousel-cell{width:40%;}
}
.seo-hottag a,.seo-d3 a{display:inline-block;margin-right:8px;padding:8px 4px;}
.seo-hottag,.seo-d3{padding-left:16px;padding-right:16px;}
.seo-label-body{text-align:center;padding:20px 16px;}
.seo-d4-search{float:left;margin:12px 0 0 12px;max-width:260px;}
.seo-d4-tabs{overflow:hidden;margin-bottom:4px;}
.seo-d4-tab{float:left;margin-right:6px;font-size:12px;color:#ccc;cursor:pointer;}
.seo-d4-tab-on,.seo-d4-tab:hover{color:#09BB07;}
.seo-d4-form{overflow:hidden;}
.seo-d4-input{float:left;width:160px;height:26px;padding:0 6px;border:1px solid #2b2a2a;background:rgba(0,0,0,0.5);color:#ccc;}
.seo-d4-btn{float:left;height:26px;margin-left:4px;padding:0 8px;border:0;background:#09BB07;color:#fff;cursor:pointer;}
.seo-d4-search-header{margin:16px 16px 0 20px;max-width:none;}
.seo-d4-search-header .seo-d4-input{width:240px;}
@media (max-width:1200px){
	body:has(.seo-d4-search-header){padding-top:190px;}
}
@media (max-width:1024px){
	body:has(.seo-d4-search-header){padding-top:200px;}
}
@media (max-width:767px){
	body:has(.seo-d4-search-header){padding-top:175px;}
	.stui-header__search{right:0;}
	.stui-header__menu{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
	.stui-header__menu li{float:none;display:inline-block;vertical-align:top;}
	.stui-screen__list.type-slide{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;}
	.stui-screen__list.type-slide li{float:none;display:inline-block;vertical-align:top;margin-bottom:0;}
	.seo-d4-search-header{float:none;clear:both;display:block;width:auto;max-width:none;margin:6px 10px 10px;}
	.seo-d4-search-header .seo-d4-input{width:calc(100% - 64px);}
}
.site-ad-slot{text-align:center;overflow:hidden;}
.site-ad-top{margin:8px 0;}
.seo-fab{position:fixed;right:12px;top:68%;width:48px;z-index:2147483646;transform:translateY(-50%);transition:transform .2s ease,right .2s ease;}
.seo-fab.is-docked{right:0;transform:translateY(-50%) translateX(34px);}
.seo-fab-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1;}
.seo-fab-panel{position:absolute;right:0;bottom:56px;width:260px;padding:10px 8px 8px;border-radius:10px;background:#2b2a2a;color:#eee;z-index:2;}
.seo-fab-cats{overflow:hidden;}
.seo-fab-cats .seo-fab-item{float:left;width:25%;padding:8px 2px;color:#eee;text-align:center;font-size:12px;line-height:1.2;}
.seo-fab-item{display:block;color:#eee;text-decoration:none;}
.seo-fab-item span{display:block;margin-top:4px;}
.seo-fab-item svg{display:block;margin:0 auto;width:20px;height:20px;}
.seo-fab-item.is-on{color:#09BB07;}
.seo-fab-jump{overflow:hidden;margin-top:6px;padding-top:8px;border-top:1px solid #444;}
.seo-fab-jump .seo-fab-item{float:left;width:33.33%;padding:6px 2px;text-align:center;font-size:12px;}
.seo-fab-hide{position:absolute;left:13px;right:auto;top:auto;bottom:100%;width:22px;height:22px;margin:0 0 6px;padding:0;border:0;border-radius:11px;background:#2b2a2a;color:#fff;z-index:3;}
.seo-fab.is-docked .seo-fab-hide{display:none;}
.seo-fab-hide svg{display:block;margin:0 auto;width:14px;height:14px;}
.seo-fab-toggle{width:48px;height:48px;padding:4px 0 2px;border:0;border-radius:24px;background:#2b2a2a;color:#fff;font-size:11px;line-height:1.1;position:relative;z-index:3;}
.seo-fab-toggle .seo-fab-ico svg{display:block;margin:0 auto;width:20px;height:20px;}
.seo-fab-toggle .seo-fab-txt{display:block;margin-top:1px;}