/*!
 * Edition v3.0 Copyright 2016-2018 http://v.shoutu.cn
 * Email 726662013@qq.com,admin@shoutu.cn
 */
@charset "utf-8";

/* all  */
body{ background: url(../img/bg_icon.jpg); color: #666;}

/* 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,.btn:hover,.btn .icon{ color: #333333;}
.btn{ border: 1px solid #EEEEEE;}
.btn-default{ background-color: #f5f5f5; color: #333333;}
.btn-default:hover{ background-color: #f0eeee;}
.btn-primary{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.btn-primary .icon{ color: #FFFFFF;}
.btn-primary:hover{ background-color: #FF6600; border: 1px solid #FF6600; color: #FFFFFF;}
.btn-primary:hover .icon{ color: #FFFFFF;}

/* dropdown */
.dropdown-menu{ background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.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-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: #F8F8F8; color: #666666;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #FF9900;}
.tag-btn li a:hover,.tag li.active a{ background-color: #FF9900; color: #FFFFFF;}

/* 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 */
.stui-pannel-bg{background-color: #FFFFFF; border: 1px solid #EEEEEE;}

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

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

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

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

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

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

/* page */
.stui-page li a,.stui-page li .num,.stui-page-text a,.stui-page-text em,.stui-page-text span{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.stui-page li a:hover,.stui-page li.active a,.stui-page li.active .num,.stui-page li.disabled a,.stui-page-text span.pagenow{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
.stui-page-text .pagego{ border: 1px solid #EEEEEE;}
.stui-page-text .pagebtn{background-color: #FFFFFF; border: 1px solid #EEEEEE;}

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

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

@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;border: 0;}
	
	/* 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;}
}
/* pannel */
.stui-pannel{position: relative; margin-bottom: 20px;}
.stui-pannel.stui-pannel-x{ margin: -10px -10px 10px;}
.stui-pannel-bg{border-radius: 2px;}
.stui-pannel-side{ padding: 0 0 0 20px;}
.stui-pannel-box{ padding: 10px;}
.stui-pannel-box.active{ padding: 0; margin: -10px;}
.stui-pannel_hd{ padding: 10px;}
.stui-pannel_ft{ margin-top: 10px; padding: 10px 10px 0; text-align: center;}
/* pannel */
.stui-pannel-bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
/* pannel-head */
.stui-pannel__head{ position: relative; height: 40px; border-bottom: 1px solid #eee;}
.stui-pannel__head.active{height: 40px;}
.stui-pannel__head .title{float: left; margin:0; padding-right: 10px; line-height: 24px;}
.stui-pannel__head .title img{ display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: -5px;}
.stui-pannel__head .more{ line-height: 30px;}
.comment-box{width: 880px;display: inline-block;vertical-align: top;}
.comment-list{margin-top: 20px;padding-bottom: 40px;}
.comment-list h3{font-size: 20px;height: 35px;}
.comment-list .box{width: 878px;height: 120px;border-radius: 6px;border: 1px solid #e2e2e2;margin-top: 10px;position: relative;}
.comment-list .box .comment-nolog{position: absolute;top:0;left:0;width: 878px;height: 120px;text-align: center;background: #fff;border-radius: 6px;}
.comment-list .box .comment-nolog p{font-size: 14px;line-height: 14px;color: #18191e;opacity: .9;padding-top: 30px;}
.comment-list .box .comment-nolog p.login-btn{cursor: pointer;display: inline-block;width: 96px;height: 30px;line-height: 30px;font-size: 14px;margin-top: 14px;padding-top: 0px;background-color: #fcc800;background-image: linear-gradient(90deg,#fcc800,#FF9800);background-repeat: repeat-x;border-radius: 3px;color:#222;}
.comment-list .box textarea{border:0;width: 858px;padding: 10px;border-radius: 6px;height: 80%;}
.comment-list .box .btn{cursor: pointer;position: absolute;bottom:10px;right:10px;width: 69px;height: 34px;line-height: 34px;background: #FF8C8C;border-radius: 20px;text-align: center;color:#fff;}
.comment-list .box .num{position: absolute;bottom:15px;right:90px;font-size: 14px;font-weight: 400;color: #999999;}
.comment-list ul{width: 100%;}
.comment-list li{margin-top: 20px;width: 100%;position: relative;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.comment-list li:last-child{border-bottom:0;}
.comment-list li .del{position: absolute;top:0;right:0;cursor: pointer;}
.comment-list li .pic{position: absolute;top:0;left:0;width: 42px;height: 42px;border-radius: 50%;overflow: hidden;border: 1px solid #E8E8E8;}
.comment-list li .pic img{width: 100%;height: 100%;}
.comment-list li .info{padding-left: 58px;}
.comment-list li .info .nickname{font-size: 14px;font-weight: 500;color: #555;}
.comment-list li .info .nickname span{font-size: 12px;font-weight: 400;color: #999;padding-left: 20px;}
.comment-list li .info .text{font-size: 14px;font-weight: 400;color: #333;line-height: 24px;padding-top: 10px;}
.comment-list li .info .cmd{padding-top: 7px;font-size: 12px;}
.comment-list li .info .cmd span{display: inline-block;vertical-align: middle;margin-right: 30px;cursor: pointer;}
.comment-list li .info .cmd img{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 3px;}
.comment-list .reply-list{background: #F9F9F9;border-radius: 6px;margin-top:14px;padding:2px 10px 10px 10px;}
.comment-list .reply-list li{margin-top: 15px;border-bottom: 1px solid #e8e8e8;padding-bottom: 15px;}
.comment-list .reply-list li:last-child{border-bottom:0;padding-bottom: 0;}
.comment-list .reply-list li .pic{width: 38px;height: 38px;}
.comment-list .reply-list li .info{padding-left: 52px;}
.comment-list .reply-more{padding-top: 10px;padding-left: 100px;cursor: pointer;color:#999;}
.comment-list .reply-more i{font-size: 12px;margin-left:3px;}
.comment-list .more{cursor: pointer;margin-top: 30px;width: 100%;height: 40px;line-height: 40px;background: #F9F9F9;border-radius: 43px;text-align: center;font-size: 14px;font-weight: 400;color: #666666;}
.comment-list .nodata{width: 100%;padding: 100px 0;text-align: center;}
.comment-list li .box{width: 1140px;height: 88px;display: none;}
.comment-list li .box textarea{width: 1118px;height: 77%;}
.comment-list .vod{background: #F9F9F9;border-radius: 6px;margin-top:14px;padding:2px 10px 10px 10px;display: block;}
.comment-list .vod img{width:26px;height: 22px;margin-right: 5px;}