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

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

/* text */
a,h1, h2, h3, h4, h5, h6{ color: #4E0C2D;}
a:hover{ color: #F87507;}
.text-red{ color: red;}
.text-muted{ color: #878D97;}

/* form */
.form-control{ background-color: #F0F6E1; color: #979EA2; border: 1px solid #EEEEEE;}
.form-control.colorfff{ background-color: #F1FFFC;}
.form-control:focus{border-color: #E7A300; -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: #441F40;}
.btn{ border: 1px solid #EEEEEE;}
.btn-default{ background-color: #E9F3E0; color: #221720;}
.btn-default:hover{ background-color: #DCFFE5;}
.btn-primary{ background-color: #E99A01; border: 1px solid #FF9900; color: #FFE6CD;}
.btn-primary .icon{ color: #F0FFFA;}
.btn-primary:hover{ background-color: #DE7A0C; border: 1px solid #FF6600; color: #F4FAF0;}
.btn-primary:hover .icon{ color: #FFECFF;}

/* dropdown */
.dropdown-menu{ background-color: #FEFAEE; border: 1px solid #EEEEEE;}
.dropdown-menu:before{background-color: #F8E9FC; border-color: #F0F5DC;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #F69E12; color: #DAFFF2;}

/* line */
.split-line{ background-color: #DCE2E0;}
.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: #DCF5F7;}
.badge-first{ background-color: #FF6244; color: #FBF4FF;}
.badge-second{ background-color: #F87F26; color: #E5FFDF;}
.badge-third{ background-color: #EC9E1D; color: #FCFFEC;}

/* nav */
.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid #FF9900; color: #FD6A0F;}
.nav-tag > li > a,.nav-page > li > a{ background-color: #FDFAF6; border: 1px solid #EEEEEE; color: #422D38;}
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a{ background-color: #FB8A21; border: 1px solid #FF9900; color: #F7F7D8;}
.nav-page > li > a:hover > .icon{ color: #fff;}

/* tag */
.tag-type li a{ background-color: #F7E4ED; border: 1px solid  #EEEEEE; color: #758F92;}
.tag-type li a:hover,.tag-type li.active a{ background-color: #F8B406; border: 1px solid #FF9900; color: #F3F5F1;}
.tag-btn li a{ background-color: #F9FFDD; color: #625A81;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #ECA70A;}
.tag-btn li a:hover,.tag li.active a{ background-color: #FA7F00; color: #FFC9FC;}

/* pic-tag */
.pic-tag{ background-color: rgba(0, 1, 0, 0.60); color: #F9F9E5;}
.pic-tag.active,.pic-tag-h{ background-color: #E39F06; color: #E6F0E8;}
.pic-text,.pic-title-b{ background-repeat: no-repeat; background-image: linear-gradient(transparent, rgba(7, 0, 2, 0.00)); color: #FCFFFF;}
.pic-text.active{ background: rgba(3, 11, 5, 0.00); color: #ECE4F4;}
.pic-title-t{background: linear-gradient(to bottom, rgba(1, 0, 13, 0.00) 0%, rgba(0, 0, 6, 0.60) 100%); color: #F0FFFF;}

/* pannel */
.stui-pannel-bg{background-color: #FFFAEC;}

/* 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: #E18C00;}
.stui_nav__taddar.fixed{ background-color: #FFFDFF;}

/* vodlist */
.stui-vodlist__bg{background-color: #F9EDFF;}
.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: #E5FFF6;}

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

/* screen */
.stui-screen__list li a{ color: #250F30;}
.stui-screen__list li.active a{ background-color: #FFAA08; color: #DAE5E0;}

/* 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: #E78608; color: #FCFFFF;}

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

/* page */
.stui-page li a,.stui-page li .num{background-color: #EBEBFA; border: 1px solid #EEEEEE;}
.stui-page li a:hover,.stui-page li.active a,.stui-page li.active .num,.stui-page li.disabled a{ background-color: #EAAD02; color: #EFF6FF; border: 1px solid #FF9900;}
.stui-page-text a,.stui-page-text em,.stui-page-text span{background-color: #E5F5EA; border:1px solid #EEEEEE;}
.stui-page-text span.pagenow{background-color: #EA9805; color: #F3FEDC; border:1px solid #f80}
.stui-page-text .pagego{ border: 1px solid #EEEEEE;}
.stui-page-text .pagebtn{background-color: #EEFFE5; border: 1px solid #EEEEEE;}

/* extra */
.stui-extra li a,.stui-extra li span{ background-color: #F7E5FE; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li a.backtop{ background-color: rgba(7, 19, 14, 0.30); color: #FFD6E6; }
.stui-extra li .sideslip{ background-color: #ECFEF2; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li .sideslip:before{ background-color: #F3FDFC; border-color: rgba(28, 3, 6, 0.30);}

/* popup */
.popup{ background-color: #F6F8FF;}
.popup-head{ background-color: #E5E5EC;}

@media (max-width: 767px){
	
	/* form */
	.form-control{ background-color: #FEE9F0; color: #B47B90; 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;}
}