@charset "utf-8";

/* all  */


/* text */
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:hover{ color: #FF9900;}
.text-red{ color: red;}
.text-muted{ color: #999999;}

/* form */
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #EEEEEE;}
.form-control.colorfff{ background-color: #FFFFFF;}
.form-control:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}

/* btn */
.btn{display: inline-block;padding: 5px 22px;/* font-size: 16px; */border-radius: 4px;}
.btn-default{ background-color: #f5f5f5; color: #333333;}
.btn-default:hover{ background-color: #f0eeee;}
.btn-primary{ background-color: #2fb3ff; color: #FFFFFF;}
.btn-primary:hover{background: #59c2ff;color: #FFFFFF;}

/* dropdown */
.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;}

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

/* badge */
.badge{ background-color: #EEEEEE;}
.badge-first{ background-color: #FF4A4A; color: #FFFFFF;}
.badge-second{ background-color: #FF7701; color: #FFFFFF;}
.badge-third{ background-color: #FFB400; color: #FFFFFF;}

/* nav */
.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid #FF9900; color: #FF9900;}
.nav-tag > li > a,.nav-page > li > a{ background-color: #FFFFFF; border: 1px solid #EEEEEE; 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;}

/* tag */
.tag-btn li a{ background-color: #F8F8F8; color: #999999;}
.tag-btn li a:hover,.tag li.active a{ background-color: #FF9900; color: #FFFFFF;}
.tag-type li a{ background-color: #FFFFFF; border: 1px solid  #EEEEEE; color: #999999;}
.tag-type li a:hover,.tag-type li.active a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #FF9900;}

/* 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{ 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;}

/* pannel */
.stui-pannel-bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}

/* tabbar */
.stui_nav__taddar .item .icon,.stui_nav__taddar .item .title{ color: #999;}
.stui_nav__taddar .item.active .title,.stui_nav__taddar .item.active .icon{color: #FF9900;}
.stui_nav__taddar.fixed{ background-color: #FFFFFF;}

/* vodlist */
.stui-vodlist__bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.stui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}

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

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

/* autocomplete */
.autocomplete-suggestions{ background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestion{ border-top: 1px solid #EEEEEE;}

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

/* ----------------------------↑  stui http://v.shoutu.cn ↑----------------------------- */

/* header */
.stui-header__top{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

/* header-menu */
.stui-header__menu li.active a{ background-color: #FF9900; color: #FFFFFF;}

/* header-search */
.stui-header__search .submit .icon{ color: #999999;}

/* header-user */
.stui-header__user li a,.stui-header__user li a .icon{ color: #333333;}

/* screen */
.stui-screen__list li.active a{ background-color: #FF9900; color: #FFFFFF;}

/* playlist */


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


/* page */
.stui-page li a,.stui-page li .num{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.stui-page li a:hover,.stui-page li.active a,.stui-page li.active .num{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}

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

@media (max-width: 1024px){
	
	/* header-menu */
	.stui-header__menu:before{ border-top: 1px solid #EEEEEE;}
	.stui-header__menu li.active a{ background: none; color: #333333;}
	.stui-header__menu li.active a:before{ background-color: #FF9900;}
}

@media (max-width: 767px){
	
	/* screen */
	.stui-screen__list li.active a{ background: none; color: #FF9900;}		
}

/* ----------------------------↓  你可以在下面覆盖或新增css样式   ↓----------------------------- */
.txt-wrap .txt{color:#999;padding:0 4px}
.playList-update-tip{font-size: 12px;color: #999;margin-bottom: 14px;margin: 10px 15px 15px 9px;}
.play-link {position: absolute; width: 600px; }

.the_menu {display: none;position: absolute;width: 90px;border: 1px solid #e9e9e9;padding-top: 10px;padding-left: 10px;padding-right: 10px;background-color: #fff;top: 38px;right: 45px;cursor: default;z-index: 1000;}
.the_menu li{padding: 0 0 5px 0;}
.dropdown-menu{border-top:1px solid #e9e9e9}
.s-playsite-current{display:inline-block;padding-right:11px;background:url(../images/switch-on.png) right center no-repeat}
.ea-site{color:#333;display:inline-block;padding-left:20px;background:url(../images/ea-site.png) no-repeat}
.ea-site:hover,.current span{color:#1db69a}
.ea-site-iqiyi{background-position:0 -88px}
.ea-site-youku{background-position:0 4px}
.ea-site-ku6{background-position:0 -31px}
.ea-site-pptv{background-position:0 -62px}
.ea-site-ifeng{background-position:0 -124px}
.ea-site-tudou{background-position:0 -155px}
.ea-site-sina{background-position:0 -186px}
.ea-site-kankan{background-position:0 -217px}
.ea-site-letv{background-position:0 -244px}
.ea-site-kumi{background-position:0 -278px}
.ea-site-tianyi{background-position:0 -304px}
.ea-site-levp{background-position:0 -247px}
.ea-site-m1905{background-position:0 -335px}
.ea-site-taomi,.ea-site-migu{background-position:0 -362px}
.ea-site-56{background-position:0 -392px}
.ea-site-cctv{background-position:0 -417px}
.ea-site-sohu{background-position:0 -449px}
.ea-site-pps{background-position:0 -481px}
.ea-site-qq{background-position:0 -508px}
.ea-site-wasu{background-position:0 -537px}
.ea-site-fun{background-position:0 -567px}
.ea-site-zhejiang,.ea-site-cztv{background-position:0 -959px}
.ea-site-zgltv{background-position:0 -601px}
.ea-site-beva{background-position:0 -657px}
.ea-site-tangdou{background-position:0 -684px}
.ea-site-baofeng{background-position:0 -713px}
.ea-site-boosj,.a-site-vlook{background-position:0 -743px}
.ea-site-mgtv{background-position:0 -769px}
.ea-site-v360{background-position:0 -801px}
.ea-site-brtn{background-position:0 -830px}
.a-bigsite-xiankan,.ea-site-m3u8,.ea-site-yun{background-position:0 -869px}
.ea-site-acfun,.ea-site-ykyun{background-position:0 -910px}
.ea-site-bili{background-position:0 -1010px}
.ea-site-btime{background-position:0 -1045px}

.top-list-ji{padding-right: 10px;padding-left: 10px;}
.top-list h2{font-size:14px;height: 40px;}
.top-list-zd{position:absolute;left: 0;font-size: 12px;z-index: 11;}
.top-list-zd .txt-wrap{float:left;margin-right:62px}
.top-list-ji .g-clear1{height: 40px;font-size:16px;line-height:28px;position:relative}
.top-list-ji .playintro{position: absolute;right: 0px;font-size: 0.7em;color: #999;}
.top-list-ji .g-clear i{position:absolute;font-size:10px;color:#46c832;background:#daf4d6;border:1px solid #b5e9ad;padding:0 2px;top:0;font-style:normal;line-height:15px;transform:scale(0.875)}
.top-list-ji .ji-tab{width:890px;overflow:hidden;margin-top:10px;height:20px;position:relative}
.top-list-ji .ji-tab-list{float:left;width:100%;position:relative}
.top-list-ji .ji-tab-list a{display:block;float:left;width:86px;height:20px;line-height:20px;text-align:center;color:#222;font-size:12px;border-radius:2px;margin-right:20px;margin-bottom:10px}
.top-list-ji .ji-tab a:hover{color:#1db69a}
.top-list-ji .ji-tab-list a.current{background:#1db69a;color:#fff}
.top-list-ji .ji-tab .switch{position:absolute;right:0;display:block;height:20px;line-height:20px;font-size:12px;color:#222;overflow:hidden;display:none}.top-list-ji .ji-tab .switch-on{top:0}
.top-list-ji .ji-tab .switch-on em{padding-left:14px;background:url(switch-on.png) center center no-repeat}
.top-list-ji .ji-tab .switch-off{bottom:10px}
.top-list-ji .ji-tab .switch-off em{padding-left:14px;background:url(switch-off.png) center center no-repeat}
.top-list-ji .num-tab{width:100%;margin-top:10px}
.top-list-ji .num-tab-main a1{float:left;width:85px;line-height:35px;border:1px solid #e6e6e6;background:#f3f3f3;text-align:center;font-size:14px;color:#4c4c4c;border-radius:2px;margin:0 0px 0 10px;position: relative;margin-bottom: 10px;}
.top-list-ji .num-tab-main a:hover{border: 1px solid #2fb3ff;background: #2fb3ff;color:#fff;}
.top-list-ji .num-tab-main .dis:hover,.top-list-ji .num-tab-main .dis{cursor:not-allowed;color:#999;background:#f3f3f3;border:1px solid #e6e6e6}
.top-list-ji .num-tab-main i{position:absolute;display:block;z-index:10}
.top-list-ji .num-tab-main .ico-pay{display:none;width:58px;height:29px;top:-18px;left:-1px;background:url(ico-pay.png) no-repeat}
.top-list-ji .num-tab-main a:hover .ico-pay{display:block}
.top-list-ji .num-tab-main .ico-new{width:16px;height:16px;top:-4px;right:-4px;background:url(ico-new.png) no-repeat}
.top-list-ji .num-tab-main .ico-fufei{top:-1px;left:-1px;width:10px;height:10px;background:url(ico-fufei.png) no-repeat}.top-list-ji .num-tab-main a:hover .ico-fufei{display:none}
.top-list-ji .num-tab-main .all{width:135px}
.top-btns{width:100%;height:205px;overflow:hidden}
.top-btns .w-newfigure-detail{background:#f7f7f7}
.top-btns .w-newfigure-detail .s1{display:block;width:170px;height:40px;white-space:normal}
.top-btns-title{margin-top:16px;margin-bottom:10px}
.top-btns-title span{font-size:16px;color:#3a3a3a}
.top-btns-title .more{font-size:14px;color:#1db69a}
.ji-tab-content{margin-right: -15px;margin-left: -15px;}
.player-1{display: inline-block;}
.playurl-1{display: block;}
.js-sitee,.player-2,.player-3,.player-4,.player-5,.player-6,.player-7,.player-8,.player-9,.player-10,.player-11,.player-12,.player-13,.player-14,.player-15,.player-16,.player-17,.player-18,.player-19,.player-20,.playurl-2,.playurl-3,.playurl-4,.playurl-5,.playurl-6,.playurl-7,.playurl-8,.playurl-9,.playurl-10,.playurl-11,.playurl-12,.playurl-13,.playurl-14,.playurl-15,.playurl-16,.playurl-17,.playurl-18,.playurl-19,.playurl-20{display:none}
.fn-right {float: right;display: inline;}
.fn-left {float: left;display: inline;}

.current{pointer-events: none;cursor: default;}
.player_switch a{ border: 1px solid #ccc; background:  white; border-radius: 3px;/* width: 56px; */ float: left; /* margin-left: 5px; */text-align:center;}
.player_switch .on,.player_switch a:hover{background: #f78; border: 1px solid #f78; color: #fff;}
.playerbtn{display:none}