/*!
 * Edition v3.0 Copyright 2016-2018 http://v.shoutu.cn
 * Email 726662013@qq.com,admin@shoutu.cn
 */
/* all  */
body
{
    background: #222;
    color: #666;
}/* text */
a, h1, h2, h3, h4, h5, h6
{
    color: #fff;
}
a:hover
{
    color: #efa04e;
}
.text-red
{
    color: #f00;
}
.text-muted
{
    color: #999;
}/* form */
.form-control
{
    background-color: #f5f5f5;
    color: #999;
    border: 1px solid #eee;
}
.form-control.colorfff
{
    background-color: #fff;
}
.form-control:focus
{
    border-color: #f90;
    -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: #333;
}
.btn
{
    border: 1px solid #eee;
}
.btn-default
{
    background-color: #f5f5f5;
    color: #333;
}
.btn-default:hover
{
    background-color: #f0eeee;
}
.btn-primary
{
    background-color: #f90;
    border: 1px solid #f90;
    color: #fff;
}
.btn-primary .icon
{
    color: #fff;
}
.btn-primary:hover
{
    background-color: #f60;
    border: 1px solid #f60;
    color: #fff;
}
.btn-primary:hover .icon
{
    color: #fff;
}/* dropdown */
.dropdown-menu
{
    background-color: #fff;
    border: 1px solid #eee;
}
.dropdown-menu:before
{
    background-color: #fff;
    border-color: #eee;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
{
    background-color: #f90;
    color: #fff;
}/* line */
.split-line
{
    background-color: #eee;
}
.top-line:before
{
    border-top: 1px solid #eee;
}
.bottom-line:after
{
    border-bottom: 1px solid #eee;
}
.top-line-dot:before
{
    border-top: 1px dotted #eee;
}
.bottom-line-dot:before
{
    border-bottom: 1px dotted #eee;
}/* badge */
.badge
{
    background-color: #eee;
}
.badge-first
{
    background-color: #ff4a4a;
    color: #fff;
}
.badge-second
{
    background-color: #ff7701;
    color: #fff;
}
.badge-third
{
    background-color: #ffb400;
    color: #fff;
}/* nav */
.nav-head>li.active>a, .nav-tabs>li.active>a
{
    border-bottom: 2px solid #f90;
    color: #f90;
}
.nav-tag>li>a, .nav-page>li>a
{
    background-color: #fff;
    border: 1px solid #eee;
    color: #333;
}
.nav-tag>li>a:hover, .nav-tag>li.active a, .nav-page>li>a:hover, .nav-page>li.active>a
{
    background-color: #f90;
    border: 1px solid #f90;
    color: #fff;
}
.nav-page>li>a:hover>.icon
{
    color: #fff;
}/* tag */
.tag-type li a
{
    background-color: #fff;
    border: 1px solid #eee;
    color: #666;
}
.tag-type li a:hover, .tag-type li.active a
{
    background-color: #f90;
    border: 1px solid #f90;
    color: #fff;
}
.tag-btn li a
{
    background-color: #f8f8f8;
    color: #666;
}
.tag-btn li a.active, .tag-text li a.active, .tag-type li a.active
{
    color: #f90;
}
.tag-btn li a:hover, .tag li.active a
{
    background-color: #f90;
    color: #fff;
}/* pic-tag */
.pic-tag
{
    background-color: rgba(0,0,0,.6);
    color: #fff;
}
.pic-tag.active, .pic-tag-h
{
    background-color: #f90;
    color: #fff;
}
.pic-text, .pic-title-b
{
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent,rgba(0,0,0,.5));
    color: #fff;
}
.pic-text.active
{
    background: rgba(0,0,0,.6);
    color: #fff;
}
.pic-title-t
{
    background: linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%);
    color: #fff;
}/* pannel */
.stui-pannel-bg
{
    background-color: #222;
}/* 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: #f90;
}
.stui_nav__taddar.fixed
{
    background-color: #fff;
}/* vodlist */
.stui-vodlist__bg
{
    background-color: #f8f8f8;
}
.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: #fff;
    border: 1px solid #f5f5f5;
}
.stui-link__pic li a:hover
{
    border: 1px solid #f90;
}/* screen */
.stui-screen__list li a
{
    color: #fff;
}
.stui-screen__list li.active a
{
    background-color: #f90;
    color: #fff;
}/* playlist */
.stui-content__playlist li a
{
    border: 1px solid #eee;
}
.stui-content__playlist li a:hover, .stui-content__playlist li.active a
{
    border: 1px solid #f90;
    background-color: #f90;
    color: #fff;
}/* player */
.stui-player__video
{
    background-color: #000;
}/* page */
.stui-page li a, .stui-page li .num
{
    background-color: #666;
    border: 1px solid #222;
}
.stui-page li a:hover, .stui-page li.active a, .stui-page li.active .num, .stui-page li.disabled a
{
    background-color: #f90;
    color: #fff;
    border: 1px solid #f90;
}
.stui-page-text a, .stui-page-text em, .stui-page-text span
{
    background-color: #fff;
    border: 1px solid #eee;
}
.stui-page-text span.pagenow
{
    background-color: #f90;
    color: #fff;
    border: 1px solid #f80;
}
.stui-page-text .pagego
{
    border: 1px solid #eee;
}
.stui-page-text .pagebtn
{
    background-color: #fff;
    border: 1px solid #eee;
}/* extra */
.stui-extra li a, .stui-extra li span
{
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.stui-extra li a.backtop
{
    background-color: rgba(0,0,0,.6);
    color: #fff;
}
.stui-extra li .sideslip
{
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}
.stui-extra li .sideslip:before
{
    background-color: #fff;
    border-color: rgba(0,0,0,.1);
}/* popup */
.popup
{
    background-color: #f8f8f8;
}
.popup-head
{
    background-color: #fff;
}
@media(max-width: 767px)
{/* form */
    .form-control
    {
        background-color: #f8f8f8;
        color: #999;
        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 #eee;
    }
    .m-bottom-line:after
    {
        border-bottom: 1px solid #eee;
    }
    .m-top-line-dot:before
    {
        border-top: 1px dotted #eee;
    }
    .m-bottom-line-dot:before
    {
        border-bottom: 1px dotted #eee;
    }
}