@charset "utf-8";
/* xmb 配色：冷灰底 + 深蓝，结构不变 */

body{ background: #F3F6F8; color: #52606D;}

a,h1,h2,h3,h4,h5,h6{ color: #1F2933;}
a:hover{ color: #1D4ED8;}
.text-red{ color: #DC4A3A;}
.text-muted{ color: #7B8794;}

.form-control{ background-color:#F8FAFC; color: #52606D; border: 1px solid #D9E2EC;}
.form-control.colorfff{ background-color: #FFFFFF;}
.form-control:focus{border-color:#1D4ED8; -webkit-box-shadow:inset 0 1px 1px rgba(29,78,216,.08),0 0 6px rgba(29,78,216,.28);}

.btn,.btn:hover,.btn .icon{ color: #1F2933;}
.btn{ border: 1px solid #D9E2EC;}
.btn-default{ background-color: #F0F4F8; color: #1F2933;}
.btn-default:hover{ background-color: #E4EAF1;}
.btn-primary{ background-color: #1D4ED8; border: 1px solid #1D4ED8; color: #FFFFFF;}
.btn-primary .icon{ color: #FFFFFF;}
.btn-primary:hover{ background-color: #1E3A8A; border: 1px solid #1E3A8A; color: #FFFFFF;}
.btn-primary:hover .icon{ color: #FFFFFF;}

.dropdown-menu{ background-color: #FFFFFF; border: 1px solid #D9E2EC;}
.dropdown-menu:before{background-color: #FFFFFF; border-color: #D9E2EC;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #1D4ED8; color: #FFFFFF;}

.split-line{ background-color: #D9E2EC;}
.top-line:before{ border-top: 1px solid #D9E2EC;}
.bottom-line:after{ border-bottom: 1px solid #D9E2EC;}
.top-line-dot:before{ border-top: 1px dotted #D9E2EC;}
.bottom-line-dot:before{ border-bottom: 1px dotted #D9E2EC;}

.badge{ background-color: #D9E2EC;}
.badge-first{ background-color: #DC4A3A; color: #FFFFFF;}
.badge-second{ background-color: #1D4ED8; color: #FFFFFF;}
.badge-third{ background-color: #3B82F6; color: #FFFFFF;}

.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid #1D4ED8; color: #1D4ED8;}
.nav-tag > li > a,.nav-page > li > a{ background-color: #FFFFFF; border: 1px solid #D9E2EC; color: #1F2933;}
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a{ background-color: #1D4ED8; border: 1px solid #1D4ED8; color: #FFFFFF;}
.nav-page > li > a:hover > .icon{ color: #fff;}

.tag-type li a{ background-color: #FFFFFF; border: 1px solid #D9E2EC; color: #52606D;}
.tag-type li a:hover,.tag-type li.active a{ background-color: #1D4ED8; border: 1px solid #1D4ED8; color: #FFFFFF;}
.tag-btn li a{ background-color: #F0F4F8; color: #52606D;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #1D4ED8;}
.tag-btn li a:hover,.tag li.active a{ background-color: #1D4ED8; color: #FFFFFF;}

.pic-tag{ background-color: rgba(31,41,51,0.62); color: #FFFFFF;}
.pic-tag.active,.pic-tag-h{ background-color: #1D4ED8; color: #FFFFFF;}
.pic-text,.pic-title-b{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(31,41,51,.55)); color: #FFFFFF;}
.pic-text.active{ background: rgba(31,41,51,0.62); color: #FFFFFF;}
.pic-title-t{background: linear-gradient(to bottom, rgba(31,41,51,0.72) 0%,rgba(31,41,51,0) 100%); color: #FFFFFF;}

.xmb-pannel-bg{background-color: #FFFFFF;}

.xmb_nav__taddar .item .icon,.xmb_nav__taddar .item .title{ color: #7B8794;}
.xmb_nav__taddar .item.active .title,.xmb_nav__taddar .item.active .icon{color: #1D4ED8;}
.xmb_nav__taddar.fixed{ background-color: #FFFFFF;}

.xmb-vodlist__bg{background-color: #F8FAFC;}
.xmb-vodlist__bg:hover{ box-shadow: 0 3px 8px rgba(31,41,51,.08);}

.xmb-vodlist__text.striped .striped-head,.xmb-vodlist__text.to-color li:nth-of-type(odd){ background-color: #F8FAFC;}

.xmb-link__pic li a{ background-color: #FFFFFF; border: 1px solid #F0F4F8;}
.xmb-link__pic li a:hover{ border: 1px solid #1D4ED8;}

.xmb-screen__list li a{ color: #1F2933;}
.xmb-screen__list li.active a{ background-color: #1D4ED8; color: #FFFFFF;}

.xmb-content__playlist li a{ border: 1px solid #D9E2EC;}
.xmb-content__playlist li a:hover,.xmb-content__playlist li.active a{ border: 1px solid #1D4ED8; background-color: #1D4ED8; color: #FFFFFF;}

.xmb-player__video{ background-color: #000000;}

.xmb-page li a,.xmb-page li .num{background-color: #FFFFFF; border: 1px solid #D9E2EC;}
.xmb-page li a:hover,.xmb-page li.active a,.xmb-page li.active .num,.xmb-page li.disabled a{ background-color: #1D4ED8; color: #FFFFFF; border: 1px solid #1D4ED8;}
.xmb-page-text a,.xmb-page-text em,.xmb-page-text span{background-color:#FFFFFF; border:1px solid #D9E2EC;}
.xmb-page-text span.pagenow{background-color:#1D4ED8; color:#FFFFFF; border:1px solid #1D4ED8;}
.xmb-page-text .pagego{ border: 1px solid #D9E2EC;}
.xmb-page-text .pagebtn{background-color: #FFFFFF; border: 1px solid #D9E2EC;}

.xmb-extra li a,.xmb-extra li span{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(31, 41, 51, 0.1);}
.xmb-extra li a.backtop{ background-color: rgba(31,41,51,0.62); color: #FFFFFF; }
.xmb-extra li .sideslip{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(31, 41, 51, 0.1);}
.xmb-extra li .sideslip:before{ background-color: #FFFFFF; border-color: rgba(31, 41, 51, 0.1);}

.popup{ background-color: #F3F6F8;}
.popup-head{ background-color: #FFFFFF;}

/* header / 搜索框 */
.xmb-header__top{ background-color: #1E3A8A; border-top-color: #172554;}
.xmb-header__menu li.active a{ background-color: #172554; color: #fff;}
.xmb-header__search .form-control{ background-color: #F8FAFC; color: #1F2933; border-color: transparent;}

@media (max-width: 767px){
	.form-control{ background-color:#F8FAFC; color: #7B8794; border: 0;}
	.xmb-pannel-bg,.xmb-vodlist__bg,.xmb-vodlist__bg:hover{box-shadow: none;}
	.m-top-line:before{ border-top: 1px solid #D9E2EC;}
	.m-bottom-line:after{ border-bottom: 1px solid #D9E2EC;}
	.m-top-line-dot:before{ border-top: 1px dotted #D9E2EC;}
	.m-bottom-line-dot:before{ border-bottom: 1px dotted #D9E2EC;}
	.xmb-header__menu:before{ border-top-color: rgba(255,255,255,.22);}
	.xmb-header__menu li.active a{ background: none; color: #BFDBFE;}
}

/* 播放器广告层可点：16:9 自适应不盖住解析 iframe */
.xmb-player__video .MacPlayer.embed-responsive {
	overflow: hidden;
	z-index: auto;
}
.xmb-player__video .MacPlayer.embed-responsive #playleft {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.xmb-player__video .MacPlayer.embed-responsive iframe {
	pointer-events: auto;
}