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

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

/* text */
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:hover{ color: #FF9900;}
.text-red{ color: red;}
.t1e2x3t34s4{ 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 */
.sk4m2jk1f{ background-color: #EEEEEE;}
.top-line:before{ border-top: 1px solid #EEEEEE;}
.sdkjams41:after{ border-bottom: 1px solid #EEEEEE;}
.mfbmf311:before{ border-top: 1px dotted #EEEEEE;}
.gvggg:before{ border-bottom: 1px dotted #EEEEEE;}

/* avc */
.avc{ background-color: #EEEEEE;}
.avc-first{ background-color: #FF4A4A; color: #FFFFFF;}
.vadf3{ background-color: #FF7701; color: #FFFFFF;}
.avc-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;}
.aecccdfg,.pic-title-b{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.aecccdfg.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 */
.astdui-padnnel-bg{background-color: #FFFFFF;}

/* 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 */
.gfsd5d__bg{background-color: #F8F8F8;}
.gfsd5d__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}

/* text-list */
.studi-v1oddlist__t2ext.striped .striped-head,.studi-v1oddlist__t2ext.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 */
.dfs2_plsdfaylidst li a{ border: 1px solid #253243; background-color: #131a22; color: #d7e5f5;}
.dfs2_plsdfaylidst li a:hover,.dfs2_plsdfaylidst li.active a{ border: 1px solid #2f8cff; background: linear-gradient(135deg,#2f8cff 0%,#4ea1ff 100%); color: #FFFFFF;}

/* player */
.sbmfj4__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,.stui-page li.disabled a{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
.stui-page-text a,.stui-page-text em,.stui-page-text span{background-color:#FFFFFF; border:1px solid #EEEEEE;}
.stui-page-text span.pagenow{background-color:#FF9900; color:#FFFFFF; border:1px solid #f80}
.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*/
	.astdui-padnnel-bg,.gfsd5d__bg,.gfsd5d__bg:hover{box-shadow: none;}
	
	/* line */		
	.m-top-line:before{ border-top: 1px solid #EEEEEE;}
	.m-sdkjams41:after{ border-bottom: 1px solid #EEEEEE;}
	.m-mfbmf311:before{ border-top: 1px dotted #EEEEEE;}
	.m-gvggg:before{ border-bottom: 1px dotted #EEEEEE;}
}

/* dark theme overrides */
:root{
	--bg-main:#0b0f14;
	--bg-panel:#131a22;
	--bg-panel-alt:#18212c;
	--bg-soft:#1d2733;
	--bg-hover:#223040;
	--text-main:#edf3fb;
	--text-soft:#9bacbf;
	--text-dim:#6f8195;
	--line:#253243;
	--line-soft:#1b2530;
	--accent:#4ea1ff;
	--accent-strong:#2f8cff;
	--accent-warm:#f6a93b;
	--success:#37c871;
}

body{ background: radial-gradient(circle at top, #13202d 0%, var(--bg-main) 52%, #070a0e 100%); color: var(--text-soft);}
a,h1,h2,h3,h4,h5,h6{ color: var(--text-main);}
a:hover{ color: var(--accent);}
.t1e2x3t34s4{ color: var(--text-soft);}

.form-control{ background-color: var(--bg-soft); color: var(--text-main); border: 1px solid var(--line);}
.form-control.colorfff{ background-color: var(--bg-panel);}
.form-control:focus{ border-color: var(--accent); -webkit-box-shadow: inset 0 1px 1px rgba(78,161,255,.12),0 0 0 3px rgba(78,161,255,.18);}

.btn,.btn:hover,.btn .icon{ color: var(--text-main);}
.btn{ border: 1px solid var(--line);}
.btn-default{ background-color: var(--bg-soft); color: var(--text-main);}
.btn-default:hover{ background-color: var(--bg-hover);}
.btn-primary{ background: linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%); border: 1px solid var(--accent); color: #fff;}
.btn-primary:hover{ background: linear-gradient(135deg,var(--accent-strong) 0%,#1f6fd2 100%); border: 1px solid var(--accent-strong); color: #fff;}

.dropdown-menu{ background-color: var(--bg-panel); border: 1px solid var(--line);}
.dropdown-menu:before{ background-color: var(--bg-panel); border-color: var(--line);}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{ background-color: var(--accent); color: #fff;}

.sk4m2jk1f,.avc{ background-color: var(--line);}
.top-line:before,.m-top-line:before{ border-top: 1px solid var(--line);}
.sdkjams41:after,.m-sdkjams41:after{ border-bottom: 1px solid var(--line);}
.mfbmf311:before,.m-mfbmf311:before{ border-top: 1px dotted var(--line);}
.gvggg:before,.m-gvggg:before{ border-bottom: 1px dotted var(--line);}

.avc-first{ background-color: #ff5c72; color: #fff;}
.vadf3{ background-color: var(--accent-warm); color: #fff;}
.avc-third{ background-color: #ffcf5d; color: #101722;}

.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid var(--accent); color: var(--accent);}
.nav-tag > li > a,.nav-page > li > a,
.tag-type li a,
.stui-page li a,.stui-page li .num,
.stui-page-text a,.stui-page-text em,.stui-page-text span,
.stui-page-text .pagego,.stui-page-text .pagebtn{ background-color: var(--bg-panel); border: 1px solid var(--line); color: var(--text-main);}
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a,
.tag-type li a:hover,.tag-type li.active a,
.stui-screen__list li.active a,
.dfs2_plsdfaylidst li a:hover,.dfs2_plsdfaylidst li.active a,
.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: linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%); border-color: var(--accent); color: #fff;}

.tag-btn li a{ background-color: var(--bg-soft); color: var(--text-soft);}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: var(--accent);}
.tag-btn li a:hover,.tag li.active a{ background-color: var(--accent); color: #fff;}

.pic-tag{ background-color: rgba(7,10,14,.72); color: #fff;}
.pic-tag.active,.pic-tag-h{ background-color: var(--accent); color: #fff;}
.aecccdfg,.pic-title-b{ background-image: linear-gradient(transparent,rgba(5,8,12,.88)); color: #fff;}
.aecccdfg.active{ background: rgba(7,10,14,.82); color: #fff;}
.pic-title-t{ background: linear-gradient(to bottom, rgba(5,8,12,.9) 0%,rgba(5,8,12,0) 100%); color: #fff;}

.astdui-padnnel-bg,
.stui_nav__taddar.fixed,
.stui-link__pic li a,
.stui-extra li a,.stui-extra li span,
.stui-extra li .sideslip,
.popup,
.popup-head{ background-color: var(--bg-panel);}

.gfsd5d__bg{ background-color: var(--bg-panel-alt);}
.gfsd5d__bg:hover{ box-shadow: 0 10px 28px rgba(0,0,0,.28);}
.studi-v1oddlist__t2ext.striped .striped-head,.studi-v1oddlist__t2ext.to-color li:nth-of-type(odd){ background-color: var(--bg-soft);}

.stui-link__pic li a{ border: 1px solid var(--line-soft);}
.stui-link__pic li a:hover{ border: 1px solid var(--accent);}

.stui-screen__list li a{ color: var(--text-main);}
.dfs2_plsdfaylidst li a{ border: 1px solid var(--line); background-color: var(--bg-panel); color: var(--text-main);}

.stui-extra li a,.stui-extra li span,
.stui-extra li .sideslip{ box-shadow: 0 10px 28px rgba(0,0,0,.24);}
.stui-extra li a.backtop{ background-color: rgba(11,15,20,.9); color: #fff;}
.stui-extra li .sideslip:before{ background-color: var(--bg-panel); border-color: rgba(255,255,255,.08);}

@media (max-width: 767px){
	.form-control{ background-color: var(--bg-soft); color: var(--text-main); border: 0;}
	.astdui-padnnel-bg,.gfsd5d__bg,.gfsd5d__bg:hover{ box-shadow: none;}
}