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

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

/* text */
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:hover{ color: #42b8f1;}
.text-red{ color: red;}
.text-muted{ color: #59b6e0;}

/* form */
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #EEEEEE;}
.form-control.colorfff{ background-color: #FFFFFF;}
.form-control:focus{border-color:#42b8f1; -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: #fff;}
.btn{ border: 1px solid #fb7299;}
.btn-default{ background-color: #fb7299; color: #fff;}
.btn-default:hover{ background-color: #fb7299;}
.btn-primary{ background-color: #42b8f1; border: 1px solid #42b8f1; color: #FFFFFF;}
.btn-primary .icon{ color: #FFFFFF;}
.btn-images{ background-color: #ff5543; color: #fff;}
.btn-images:hover{ background-color: #ff5543;}

.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: #42b8f1; 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: #999;}
.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 #42b8f1; color: #42b8f1;}
.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: #42b8f1; border: 1px solid #42b8f1; 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: #42b8f1; border: 1px solid #42b8f1; 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: #42b8f1;}
.tag-btn li a:hover,.tag li.active a{ background-color: #42b8f1; color: #FFFFFF;}

/* pic-tag */
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-tag.active,.pic-tag-h{ background-color: #42b8f1; 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{}

.swiper-pagination-bullet-active { background: #42b8f1 !important; }


/* 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: #42b8f1;}
.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 #42b8f1;}

/* screen */
.stui-screen__list li a{ color: #333333;}
.stui-screen__list li.active a{ background-color: #42b8f1; color: #FFFFFF;    box-shadow: 0 5px 10px rgba(66, 184, 241, 0.27);}

/* playlist */
.stui-content__playlist li a{border: 1px solid #59b6e0;color:#59b6e0;}
.stui-content__playlist li a:hover,.stui-content__playlist li.active a{ border: 1px solid #42b8f1; background-color: #42b8f1; 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{ 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: #42b8f1; color: #FFFFFF; border: 1px solid #42b8f1;}
.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: rgb(24, 144, 255)!important;   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;}
	
	/* 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;}
}

/*ºÚҹģʽ*/


.night {
    background-color: #292838;
    color: #ffffff;
}
.night .stui-header__top {
    background-color: #292838;
}
.night .stui-header__menu li a {
     color: #fff;
}
.night a, .night h1, .night h2, .night h3, .night h4, .night h5, .night h6 {
    color: #fff  !important;  
}

.night  .top-line-dot:before {
    border-top: 1px dotted #484c5078;
}
.night .footer-box {
    background: #292838;
}
.night .widget, .night .footer_box a ,.night .footer-box{
    color: #999 !important;   
}
.night .menu-footer-container li a{
color: #999 !important; 
}
.night .show_cl{
background: #292838;
}
.night  .stui-screen__min{
    border-left: 1px solid #484c5078;
}
.night .bottom-line:after {
    border-bottom: 1px solid #484c5078;
}

.night .stui-page li a,.night .stui-page li .num,.night .stui-page-text a,.night .stui-page-text em,.night .stui-page-text span{border: 0px solid #EEEEEE;}

.night .footer-bottom {
    border-top: 1px solid #484c5078;
}
.night .stui-extra li a, .night .stui-extra li span {
    background-color: #000000;    
}
.night .detail-sketch,.night .detail-content {
        background: #23232c !important; 
		    color: #999;
}
.night .thunder_url {   
    background-color: #23232c;
	border: solid 0px #e4e4e4
}
.night .down_list ul li:hover {
    background: #292838;
}
.night .down-title {
    border-bottom: 0px #ddd solid;
}
   
.night .down_list ul li {
    border-bottom: 1px dashed #484c5080;
}

.night .stui-vodlist__rank li {   
    border-top: 1px solid #484c5080;   
}
.night #vcomments input,.night #veditor{  
   background-color: #535b61;
   border: 0px solid #f4f6fb;
}

.night input::-webkit-input-placeholder,.night textarea::-webkit-input-placeholder {     color: #fff;}

.night input:-moz-placeholder,.night textarea:-moz-placeholder { color: #fff;}

.night input::-moz-placeholder,.night textarea::-moz-placeholder { color: #fff;}

.night input:-ms-input-placeholder,.night textarea:-ms-input-placeholder { color: #fff;}

.night .tab-line-itnl {   
    border-left: 1px solid #484c5080;
}

.night .split-line {
    background-color: #484c5080;
}
.night .bottom-line-dot:before {
    border-bottom: 1px dotted #484c5080;
}
.night .stui-header__search .form-control {
    background-color: #000000;
	border: 0px solid #EEEEEE;
}
.night .news-content p {
    color: #B1B1C1;
}
.night .history{
    background-color: #000 !important; 
}
.night .top-line:before {
    border-top: 1px solid #484c5080;
}
.night .stui-header__user > li .dropdown:before{
      background-color: #000000;
}

.night .m-bottom-line:after {
    border-bottom: 1px solid #484c5080;
}

.night .mac_comment{    background: #292838;}

.night .mac_comment .input_wrap textarea,.night .mac_comment .input_wrap .handle,.night .mac_comment .smt .cmt_text{    background: #535b61;}


.night .myui-nav__tabbar {
    background-color: #292838;
    color: #ffffff;
  
}