@charset "UTF-8";
/* 全局 */
html, body {
  overflow-x: hidden;
  background-color: #F2F2F2;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }

ul, ol {
  list-style: none; }

.bg-beichen {
  background: #9a6275;
  color: #fff;
  font-size: 14px; }

a, a:hover {
  text-decoration: none;
  color: #000; }

.bc-icon {
  font-size: 18px; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #9a6275; }

.breadcrumb {
  background: none;
  height: 30px; }

.content {
  height: auto; }

.card-header {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  background: #fff; }

.form-control-lg {
  font-size: 14px; }

.bc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 23px;
  height: 40px;
  margin-right: 10px;
  text-align: center;
  border-radius: 22px;
  border: none;
  background: #f2f2f2;
  cursor: pointer;
  color: inherit; }

@media (max-width: 959px) {
  .bc-btn {
    font-size: 10px;
    padding: 0 5px; } }
.bc-header {
  height: 100px;
  background: #222; }
  .bc-header .bc-logo {
    display: table;
    height: 100px; }
    .bc-header .bc-logo a {
      display: table-cell;
      vertical-align: middle;
      padding-bottom: 9px; }
      .bc-header .bc-logo a img {
        width: 100%; }
  .bc-header .bc-slogan {
    color: #616161;
    padding-top: 47px;
    font-size: 24px;
    letter-spacing: 3px; }

@media (max-width: 959px) {
  .bc-header {
    height: 50px;
    background: #222; }
    .bc-header .bc-logo {
      box-sizing: border-box;
      height: 50px; }
      .bc-header .bc-logo a {
        padding-bottom: 2px;
        padding-left: 5px; }
    .bc-header .bc-slogan {
      color: #616161;
      padding-top: 8px;
      font-size: 12px;
      letter-spacing: 1px; } }
.bc-channel {
  background: #fff; }
  .bc-channel .bc-nav-light {
    background: #fff;
    color: #0e0e0e; }
    .bc-channel .bc-nav-light .navbar-nav .nav-item a {
      color: #000;
      font-size: 15px;
      margin-right: 10px; }
    .bc-channel .bc-nav-light .navbar-nav .nav-item .bc-user-avatar {
      width: 30px;
      height: 30px;
      border-radius: 50%; }
    .bc-channel .bc-nav-light .navbar-nav .nav-message .nav-link {
      line-height: 29px; }
      .bc-channel .bc-nav-light .navbar-nav .nav-message .nav-link .badge {
        background: red;
        color: #fff; }
    .bc-channel .bc-nav-light .navbar-nav .active {
      border-bottom: 2px solid #9a6275; }

@media (max-width: 765px) {
  .bc-channel .bc-nav-light .navbar-nav .nav-message .nav-link {
    line-height: 0; }
  .bc-channel .bc-nav-light .navbar-nav .dropdown-menu {
    border: none; } }
.footer {
  margin-top: 20px;
  border-top: 1px solid #e2e2e2;
  line-height: 30px;
  text-align: center;
  color: #333; }
  .footer .bc-footer-text {
    width: 100%; }
  .footer .bc-footer-nav {
    width: 450px; }
    .footer .bc-footer-nav .bc-nav-time {
      width: 20%; }
      .footer .bc-footer-nav .bc-nav-time a {
        color: #333; }
  .footer .bc-footer-text a {
    color: #333; }
  .footer .bc-footer-text.bc-footer-img {
    margin-top: 10px; }

.banner {
  height: 350px; }

@media (max-width: 765px) {
  .banner {
    height: auto; } }
.list-group-item {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.list-group-item-bc {
  background: #9a6275;
  font-size: 16px; }

.list-friendship {
  width: 140px; }
  .list-friendship img {
    height: 85px; }

.pager {
  padding-left: 0;
  margin: 17px 0;
  list-style: none;
  text-align: center; }

.pager .pagination {
  margin: 0; }

.pager li {
  margin: 0 .4em;
  display: inline-block;
  margin-top: 20px; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 17px 0;
  border-radius: 3px; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #2c3e50;
  border-color: #2c3e50;
  cursor: default; }

.pager li > a, .pager li > span {
  background: none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #e6e6e6;
  border-top-color: #e6e6e6;
  border-right-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-radius: 0.25em;
  padding: .5em .93em;
  font-size: 14px; }

.song-sn {
  width: 35px; }

.song-opt {
  width: 60px; }

.song-opt-order {
  width: 150px; }

.song-format {
  width: 30px; }

.song-price {
  width: 55px; }

.song-bit {
  width: 50px; }

.song-filesize {
  width: 50px; }

.bc-qq {
  color: #7CA9C9; }

.bc-weixin {
  color: #28a745; }

.bc-weibo {
  color: #E6162D; }

.song-span {
  margin-bottom: 10px; }

.bc-icon-play, .bc-icon-volume {
  font-size: 25px !important; }

.progress {
  height: 5px !important;
  cursor: pointer; }

.progress-audio {
  width: 70% !important; }

.progress-volume {
  width: 10% !important; }

.courses_line1 {
  height: 50px;
  width: 100%;
  text-align: center;
  margin: 0 auto; }
  .courses_line1 .courses {
    font-size: 19px;
    width: 130px;
    background: #fff;
    margin: -15px auto 0; }
  .courses_line1 .line {
    height: 25px;
    border-bottom: 2px solid #e4e4e4; }

.floatbtn {
  width: 50px;
  height: auto;
  position: fixed;
  top: 50%;
  right: 0;
  bottom: 10px;
  z-index: 80;
  margin-right: 50px; }
  .floatbtn a {
    position: relative;
    z-index: 90;
    display: block;
    margin-top: 4px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    /* color: #d5d5d5; */
    color: #9a6275;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .floatbtn a:hover {
    background: #9a6275;
    color: #fff; }

.floatbtn-wrapper {
  position: absolute;
  right: 59px;
  top: -55px;
  z-index: 120;
  display: none;
  width: 190px;
  height: 212px;
  background-color: #fff;
  border: 1px solid #eee; }

.floatbtn a:hover .floatbtn-wrapper {
  display: block; }

.floatbtn-wrapper:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 73px;
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid #d5d5d5;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent; }

.floatbtn-wrapper .qrcode {
  margin-top: 20px;
  line-height: 1; }

.floatbtn-wrapper .qrcode img {
  width: 128px;
  height: 128px; }

.floatbtn-wrapper p {
  font-size: 14px;
  line-height: 20px;
  color: #999; }

.floatbtn-wrapper p em {
  color: #dd3067; }

.content h2 {
  margin: 20px 0 0.8em;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #ddd;
  z-index: -1;
  font-weight: 600; }

/*# sourceMappingURL=common.css.map */