/*!
 * Edition v3.0 Copyright 2016-2018 http:/
 * Email dbdyw@qq.com
 */
@charset "utf-8";

/* all  */
body{ background-color: #ffffff; color: #666;}

/* text */
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:hover{ color: #2e85ff}
.text-red{ color: red;}
.text-lan{ color: #2e85ff;}
.text-slan{ color: #4c8fe8;}
.text-heise{ background-color:#292838; color:#fff;}
.text-muted{ color: #333;} /*color: #999999;}*/

/* form */
.form-control{ background-color:#f8f8f8; color: #292838; border: 1px solid #eeeeee;}
.form-control.colorfff{ background-color: #FFFFFF;}
.form-control:focus{border-color: #a2c3ef;}

/* btn */
.btn,.btn:hover,.btn .icon{ color: #333333;}
.btn{ border: 1px solid #ffffff;}
.btn-default{ background-color: #f8f8f8; color: #333333;}
.btn-default:hover{ background-color: #f0eeee; border:1px solid #f0eeee;}
.btn-primary{ background-color: #6ca4ec; border: 1px solid #6ca4ec; color: #FFFFFF;}
.btn-primary .icon{ color: #FFFFFF;}
.btn-primary:hover{ background-color: #4c8fe8; border: 1px solid #4c8fe8; color: #FFFFFF;}
.btn-primary:hover .icon{ color: #FFFFFF;}
.dbdyw-pannel__head .q_change:hover i.icolor{-webkit-animation: fa-spin 3.6s linear; animation: fa-spin 3.6s linear; color: #2e85ff}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@keyframes fa-spin {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@keyframes playon {
	0% {height: 70%;}
	50% {height: 100%;}
	100% {height: 35%;}
}

/* dropdown */
.dropdown-menu{ background-color: #FFFFFF; border: 1px solid rgba(238, 238, 238, 0);}
.dropdown-menu:before{background-color: #FFFFFF; border-color: #EEEEEE;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #FF9900; color: #FFFFFF;}
.btnn-primary{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.btnn-primary:hover{ background-color: #FF6600; border: 1px solid #FF6600; color: #FFFFFF;}

/* line */
.split-line{ background-color: #e8e8e8;}
.top-line:before{ border-top: 1px solid #ccc;}
.bottom-line:after{ border-bottom: 1px solid rgba(238, 238, 238, 0);}
.top-line-dot:before{ border-top: 1px dotted rgba(185, 233, 245, 0);}
.bottom-line-dot:before{ border-bottom: 1px dotted rgba(238, 238, 238, 0);}

/* badge */
.hsbadge{ background-color: #292838; color:#fff;}
.badge{ background-color: #EEEEEE;}
.badge-first{ background-color: #FF4A4A; color: #FFFFFF;}
.bbadge-first{ background-color: #2e85ff; color: #FFFFFF;}
.badge-second{ background-color: #FF7701; color: #FFFFFF;}
.bbadge-second{ background-color: #76aaf3; color: #FFFFFF;}
.badge-third{ background-color: #FFB400; color: #FFFFFF;}
.bbadge-third{ background-color: #adc3e2; color: #FFFFFF;}

/* nav */
.nav-head > li.active > a,.nav-tabs > li.active > a{ background-color: #6ca4ec; border-radius:3px; color :#ffffff;}
.nav-tag > li > a,.nav-page > li > a{ background-color: #FFFFFF; border: 1px solid rgba(238, 238, 238, 0); color: #333333;}
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.nav-page > li > a:hover > .icon{ color: #fff;}
.dbdyw-vodlist__thumb .score{background-color:#5f9ff3;color:#FFFFFF;}
.dbdyw-vodlist__thumb .score:before{border-top:4px solid #5f9ff3;border-left:4px solid transparent;}
.dbdyw-vodlist__yyyg a:hover .score::before{ border-top:4px solid #4c8fe8;border-left:4px solid transparent;}
.dbdyw-phbbd-tabs > li.active > a{border: 1px solid #6ca4ec; color:#fff; position:relative; background-color:#6ca4ec;}
.dbdyw-phbbd-tabs li.active a:before{ background-color:#6ca4ec;}
.dbdyw-phbbd-tabs > li.active > a > h3{color:#f5f5f5;}
.dbdyw-ypphb-rb > li.active > a{border: 1px solid #6ca4ec; color:#ffffff; position:relative; background:#6ca4ec;}
.dbdyw-ypphb-rb li.active a:before{ background-color:#6ca4ec;}
.sj-nav-down-2 li.active a{ color:#2e85ff;}

/* xvodlist #4c8fe8*/
.dbdyw-vodlist__yyg:hover{ background: #333;}
.dbdyw-vodlist__bgg:hover{ box-shadow: 0 1px 3px 0 #D3D3D3;}
.dbdyw-vodlist__yyg:hover h4 a{color:#fff;}
.dbdyw-vodlist__yyg:hover p{color:#fff;}
.dbdyw-vodlist__yyg a:hover{color:#fff;}
.dbdyw-vodlist__yyyg a:hover i{ background: linear-gradient(to right, rgba(0, 188, 212, 0.07), rgba(255, 235, 59, 0), rgba(0, 188, 212, 0.08) 100%)!important;}

/* tag */
.tag-type li a{ background-color: #FFFFFF; border: 1px solid  #EEEEEE; color: #666666;}
.tag-type li a:hover,.tag-type li.active a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.tag-btn li a{ background-color: #ffffff; color: #292838; border: 1px solid #f8f8f8;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #5f9ff9;}
.tag-btn li a:hover,.tag li.active a{ background-color: #2e85ff; color: #FFFFFF;}
.dbdyw_nav__taddar a:hover,.dbdyw_nav__taddar a:hover > .icon{ color: #2e85ff;}

/* pic-tag */
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-tag.active,.pic-tag-h{ background-color: #FF9900; color: #FFFFFF;}
.pic-text,.pic-title-b{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.pic-text.active{ background: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-title-t{background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); color: #FFFFFF;}

/* pannel */
.dbdyw-pannel-bg{margin-bottom: 8px;}
.dbdyw-pannel-bgg{background-color: #f8f8f8;margin-top: 1px;padding:3px;}
  
/* tabbar */
.dbdyw_nav__taddar .item .icon,.dbdyw_nav__taddar .item .title{ color: #FF9900;}
.dbdyw_nav__taddar .item.active .title,.dbdyw_nav__taddar .item.active .icon{color: #9999;}
.dbdyw_nav__taddar.fixed{ background-color: #FFFFFF;}

/* vodlist */
.dbdyw-vodlist__bg{background-color: inherit;}
.dbdyw-vodlist__bg:hover{ box-shadow: 0 0 5px #cccccc;}

/* text-list */
.dbdyw-vodlist__text.striped .striped-head,.dbdyw-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}

/* link */
.dbdyw-link__pic li a{ background-color: #FFFFFF; border: 1px solid #F5F5F5;}
.dbdyw-link__pic li a:hover{ border: 1px solid #FF9900;}

/* screen */
.dbdyw-screen__list li.active a,.dbdyw-screen__list li.active .rebochi,.dbdyw-screen__gdxxitem li.active a,.dbdyw-typescreen__list li.active a{ background-color: #6ca4ec; color: #FFFFFF; border:1px solid #6ca4ec;}

/* iplaylist */
.dbdyw-content__iplaylist li a{ border: 1px solid #E8E8E8; background-color:#ffffff;}
.dbdyw-content__iplaylist li a:hover,.dbdyw-content__iplaylist li.active a{background-color:#6ca4ec; color: #ffffff; border:1px solid #6ca4ec;}

/* player */
.dbdyw-player__video{ background-color: #000000;}

/* page */
.dbdyw-page li a,.dbdyw-page li .num{background-color: #FFFFFF; border: 1px solid #e8e8e8;}
.dbdyw-page li a:hover,.dbdyw-page li.active a,.dbdyw-page li.active .num,.dbdyw-page li.disabled a{ background-color: #6ca4ec; color: #FFFFFF; border: 1px solid #6ca4ec;}
.dbdyw-page-text a,.dbdyw-page-text em,.dbdyw-page-text span{background-color:#FFFFFF; border:1px solid rgba(238, 238, 238, 0);}
.dbdyw-page-text span.pagenow{background-color:#FF9900; color:#FFFFFF; border:1px solid #f80}
.dbdyw-page-text .pagego{ border: 1px solid rgba(238, 238, 238, 0);}
.dbdyw-page-text .pagebtn{background-color: #FFFFFF; border: 1px solid rgba(238, 238, 238, 0);}

/* extra */
.dbdyw-extra li a,.dbdyw-extra li span{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.dbdyw-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #FFFFFF; }
.dbdyw-extra li .sideslip{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.dbdyw-extra li .sideslip:before{ background-color: #FFFFFF; border-color: rgba(0, 0, 0, 0.1);}

/* popup */
.popup{ background-color: #ffffff;}
.popup-head{ background-color: #FFFFFF;}

@media (max-width: 767px){
	
	/* form 
	.form-control{ background-color:#F8F8F8; color: #999999; border: 0;}*/
	
	/*pannel*/
	.dbdyw-pannel-bg,.dbdyw-vodlist__bg,.dbdyw-vodlist__bg:hover{box-shadow: none;}
	
	/* line */		
	.m-top-line:before{ border-top: 1px solid rgba(238, 238, 238, 0);}
	.m-bottom-line:after{ border-bottom: 1px solid rgba(238, 238, 238, 0);}
	.m-top-line-dot:before{ border-top: 1px dotted #EEEEEE;}
	.m-bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
}