body {
  background: #fff;
  color: #666;
}
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
}
a:hover {
  color: #f90;
}
.text-red {
  color: red;
}
.text-muted {
  color: #999;
}
.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, 0.075),
    0 0 8px rgba(255, 136, 0, 0.6);
}
.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-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;
}
.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 {
  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-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-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 {
  background-color: rgba(0, 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, 0.5));
  color: #fff;
}
.pic-text.active {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.pic-title-t {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7) 0,
    rgba(0, 0, 0, 0) 100%
  );
  color: #fff;
}
.myci-pannel-bg {
  background-color: #fff;
}
.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;
}
.myci-vodlist__bg {
  background-color: #f8f8f8;
}
.myci-vodlist__bg:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
}
.myci-vodlist__text.striped .striped-head,
.myci-vodlist__text.to-color li:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.myci-link__pic li a {
  background-color: #fff;
  border: 1px solid #f5f5f5;
}
.myci-link__pic li a:hover {
  border: 1px solid #f90;
}
.myci-screen__list li a {
  color: #333;
}
.myci-screen__list li.active a {
  background-color: #f90;
  color: #fff;
}
.myci-content__playlist li a {
  border: 1px solid #eee;
  cursor: pointer;
}
.myci-content__playlist li a:hover,
.myci-content__playlist li.active a {
  border: 1px solid #f90;
  background-color: #f90;
  color: #fff;
}
.myci-player__video {
  background-color: #000;
}
.myci-page li a,
.myci-page li .num {
  background-color: #fff;
  border: 1px solid #eee;
}
.myci-page li a:hover,
.myci-page li.active a,
.myci-page li.active .num,
.myci-page li.disabled a {
  background-color: #f90;
  color: #fff;
  border: 1px solid #f90;
}
.myci-page-text a,
.myci-page-text em,
.myci-page-text span {
  background-color: #fff;
  border: 1px solid #eee;
}
.myci-page-text span.pagenow {
  background-color: #f90;
  color: #fff;
  border: 1px solid #f80;
}
.myci-page-text .pagego {
  border: 1px solid #eee;
}
.myci-page-text .pagebtn {
  background-color: #fff;
  border: 1px solid #eee;
}
.myci-extra li a,
.myci-extra li span {
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.myci-extra li a.backtop {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.myci-extra li .sideslip {
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.myci-extra li .sideslip:before {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}
.popup {
  background-color: #f8f8f8;
}
.popup-head {
  background-color: #fff;
}
@media (max-width: 767px) {
  .form-control {
    background-color: #f8f8f8;
    color: #999;
    border: 0;
  }
  .myci-pannel-bg,
  .myci-vodlist__bg,
  .myci-vodlist__bg:hover {
    box-shadow: none;
  }
  .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;
  }
}
