/*!

 =========================================================
 * express-ffmpeg-vip
 =========================================================
 * Copyright 2019

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

 */
 .movie-screenshots .screenshot {
  width: 400px;
 }
.card.slider-item {
  width: 180px;
  background-color: #424242;
  color: #fff;
}
.card.blog-item {
  background-color: #424242;
  color: #fff;
}
.btn-tag{
  background-color: #424242;
  color:#fff;
  font-size:16px;
}
.card.zixun-item {
  width: 300px;
  background-color: #424242;
  color: #fff;
}

.pagination li a {
  position: relative;
  display: block;
  border: 0;
  border-radius: 30px !important;
  transition: all .3s;
  padding: 0px 11px;
  margin: 0 3px;
  min-width: 30px;
  text-align: center;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
  color: #2c2c2c;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  background: transparent;
}
.pagination li.active > a {
  color: #E3E3E3;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}
.pagination li.active > a, .pagination li.active > a:focus, .pagination li.active > a:hover {
  background-color: #888888;
  border-color: #888888;
  color: #FFFFFF;
}
.pagination li a{color:white}
.pagination li.active > a, .pagination li.active > a:focus, .pagination li.active > a:hover {
  background-color: #424242;
  border-color: #424242;
  color: #FFFFFF;
}
.pagination li a:hover, .pagination li a:focus {
  color: #fff;
  background-color: #424242;
  border: none;
}
.flex-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wap-right {
  list-style: none;
  display: none;
}
@media (min-width: 576px) {
  .card.slider-item {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .card.slider-item {
    width: 240px;
  }
}
@media (min-width: 992px) {
  .card.slider-item {
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .card.slider-item {
    width: 360px;
  }
}
@media screen and (max-width: 991px) {
  .blockquote p{
    font-size: 1em;
  }
  .page-header h1.title {
    font-size: 2em;
  }
  .tuijian {
    margin-top:30px;
  }
  .navbar-collapse form {
    padding: 20px;
  }
  .navbar-collapse form .form-group, .navbar-collapse form .form-group input{
    width: 100%;
  }
  .navbar .navbar-nav {
    margin-top:0;
  }
  .btn-tag {
    padding: 4px 14px;
    font-size:14px;
  }
  .movie-screenshots .screenshot {
    width: 300px;
  }
  .navbar .wap-right.show .dropdown-menu, .navbar .wap-right .dropdown-menu {
    background-color: #fff;
    height:auto;
    overflow: hidden;
  }
  .wap-right {
    list-style: none;
    display:block;
    font-size:14px;
  }
  .navbar-brand {
    margin-right:0;
  }
}