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

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

/* text */
a, h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF;
}

    a:hover {
        color: #FF9900;
    }

.text-red {
    color: red;
}

.text-muted {
    color: #FFFFFF;
}

/* form */
.form-control {
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #000000;
}

    .form-control.colorfff {
        background-color: #000000;
    }

    .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: #FFFFFF;
}

.btn {
    border: 1px solid #EEEEEE;
}

.btn-default {
    background-color: #000000;
    color: #FFFFFF;
}

    .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: #372d22;
}

.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: #000000;
}

/* 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: #000000;
}

/* vodlist */
.stui-vodlist__bg {
    background-color: #000000;
}

    .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: #000000;
}

/* link */
.stui-link__pic li a {
    background-color: #FFFFFF;
    border: 2px solid #000000;
}

    .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 {
    background-color: #000000;
    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: #000000;
        border: 1px solid #FF9900;
    }

.stui-page-text a, .stui-page-text em, .stui-page-text span {
    background-color: #000000;
    border: 1px solid #EEEEEE;
}

    .stui-page-text span.pagenow {
        background-color: #FF9900;
        color: #000000;
        border: 1px solid #f80
    }

.stui-page-text .pagego {
    border: 1px solid #EEEEEE;
}

.stui-page-text .pagebtn {
    background-color: #000000;
    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;
    }

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