/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body,
.navbar-fixed-top,
.navbar-fixed-bottom {
  min-width: 970px;
}
.lubo_bg{
  /*background:url('../images/lubo_bg.jpg') center no-repeat;*/
  overflow:hidden;
  width:100%;
}

.lubo_bg .lists{
  width:1200px;
  overflow:hidden;
  display:block;
  margin:0 auto;

}

.container p{
  /*color:#fff!important;*/
}
/* Don't let the lead text change font-size. */
.lead {
  font-size: 16px;
}

/* Finesse the page header spacing */
.page-header {
  margin-bottom: 30px;
}
.page-header .lead {
  margin-bottom: 10px;
}

.news-zhubo .liv,.news-lubo .reco{
  width:280px;
  height:300px;
  /*border-radius: 90px!important;*/
}


/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  width: 970px;
  max-width: none !important;
}

/* Demonstrate the grids */
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

/* Undo form expansion */
.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

/* Undo inline form compaction on small screens */
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-inline .form-control-static {
  display: inline-block;
}

.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
  width: auto;
}

.form-inline .input-group > .form-control {
  width: 100%;
}

.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
  padding-left: 0;
}
.counim li a{
  color:#000!important;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.form-inline .has-feedback .form-control-feedback {
  top: 0;
}
* {
  font-family: 微软雅黑, Microsoft YaHei, 微软雅黑;
}
a {
  transition: color 0.2s;
  color: #fff;
}
.yonghuxy{
  color:#000;
}
a:link {
  text-decoration: none;
}
ul {
  margin: 0px;
  padding: 0px;
}
ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
ul.errorlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.errorlist li {
  color: #B21F2D;
  padding-bottom: 5px;
}
ul.errorlist li:before {
  content: '* ';
}
.pagination-box {
  font-size: 14px;
  text-align: center;
}
.pagination-box p {
  margin-bottom: 0px;
}
.pagination-box ul li {
  border: 0px;
}
.pagination-box ul li a {
  border: 0px;
}
.pagination-box ul li a:hover,
.pagination-box ul li a:active,
.pagination-box ul li a:focus {
  background-color: #ffffff;
  outline: none;
  box-shadow: none;
}
.global_right_sidebar {
  position: fixed;
  right: 15px;
  bottom: 50px;
  z-index: 999;
}
.global_right_sidebar ul li {
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
  background-size: cover !important;
}
.global_right_sidebar ul li a {
  display: block;
  width: 64px;
  height: 64px;
}
#messageModal {
  top: 20%;
}
#messageModal .modal-dialog {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#messageModal .modal-content .modal-header,
#messageModal .modal-content .modal-body,
#messageModal .modal-content .modal-footer {
  padding: 10px 15px;
}
#messageModal .modal-content .modal-header h4 {
  font-size: 18px;
  color: #ffffff;
}
#messageModal .modal-content .modal-body {
  font-size: 16px;
}
#messageModal .modal-content .modal-body * {
  font-size: 16px;
}
#messageModal .modal-content .modal-footer button {
  font-size: 14px;
  min-width: 80px;
  height: 34px;
  padding: 0px 15px;
  color: #ffffff;
}
#messageModal.success .modal-header,
#messageModal.warning .modal-header,
#messageModal.error .modal-header,
#messageModal.info .modal-header {
  background-color: #3919A8;
}
#messageModal.success .modal-footer button,
#messageModal.warning .modal-footer button,
#messageModal.error .modal-footer button,
#messageModal.info .modal-footer button {
  background-color: #3919A8;
}
.btn-primary:focus .btn-primary:hover,
.btn-primary:active,
.btn-primary,
.bg-primary,
.bg-primary {
  border-color: #3919A8 !important;
  background-color: #3919A8 !important;
  outline: none;
}
/*.module-title h3*/
/*.before-img.living::before {*/
/*  content: '直播中';*/
/*}*/
/*.before-img.none-live::before {*/
/*  content: '未直播';*/
/*}*/

/*.before-img.music::before {*/
/*  content: '音乐';*/
/*}*/
/*.before-img.record::before {*/
/*  content: '回放';*/
/*}*/
/*.before-img.video::before {*/
/*  content: '视频';*/
/*}*/
/*.before-img.qupu::before {*/
/*  content: '曲谱';*/
/*}*/
/*.before-img.article::before {*/
/*  content: '资讯';*/
/*}*/
.navbar-default {
  margin: 0px;
  padding: 0px 15px;
  height: 60px;
  /*background-color: #01A0FF;*/
  /*border-bottom: 1px solid #726873;*/
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border:0!important;
}
.navbar-default .navbar-brand {
  padding: 0px;
  height: 60px;
  margin-left: 0px !important;
}
.navbar-default .navbar-brand img {
  height: 60px;
}
.navbar-default .navbar-nav li a {
  height: 60px;
  line-height: 60px;
  padding: 0px 15px;
  cursor: pointer;
  font-size: 14px;
}
.navbar-default .navbar-nav li a:hover {
  background-color: #3919A8 !important;
  color: #ffffff !important;
}
.navbar-default .navbar-nav li a.active {
  font-weight: bold;
  background: none;
  color: #3919A8;
}
.navbar-default .navbar-nav .dropdown .dropdown-menu a {
  height: 30px;
  line-height: 30px;
}
.navbar-default .navbar-nav .dropdown .dropdown-menu a:hover {
  background-color: #3919A8;
}
.navbar-default .navbar-left {
  margin-left: 15px;
}
.navbar-default .navbar-right {
  padding-right: 15px;
}


/*.def-video{
  width:49%;
  height:300px;
  display:inline-block;
}*/
.footer {
  color: #fff;
  margin-top: 30px;
  padding: 30px 7.5px;
  background-color: #8e5c00;
}
.footer ul li {
  margin-bottom: 15px;
}
.footer h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.footer .item {
  padding: 0px 60px;
  border-left: 1px solid #EEEEEE;
}
.footer .item:first-child {
  border-left: 0px;
}
.footer .item:first-child ul {
  float: left;
}
.footer .item:first-child ul li {
  float: left;
  width: 33%;
}
.footer p {
  text-align: center;
}
.footer p span {
  display: inline-block;
  padding: 0px 15px;
  color: #CCCCCC;
}
.footer p span.bot-email{
    color:#fff;
}
.login-box {
  padding: 15px;
  max-width: 360px;
  background-color: #ffffff;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  box-shadow: 5px 5px 5px #eee;
}
.login-box .others {
  text-align: center;
  margin-top: 15px;
}
.login-box .others a {
  padding: 5px 15px;
}
.login-form .register-header,
.login-modal .register-header,
.register-form .register-header,
.register-modal .register-header,
.login-form .login-header,
.login-modal .login-header,
.register-form .login-header,
.register-modal .login-header {
  text-align: center;
  margin-bottom: 15px;
}
.login-form .register-header h3,
.login-modal .register-header h3,
.register-form .register-header h3,
.register-modal .register-header h3,
.login-form .login-header h3,
.login-modal .login-header h3,
.register-form .login-header h3,
.register-modal .login-header h3 {
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 30px;
}
.login-form .input-group,
.login-modal .input-group,
.register-form .input-group,
.register-modal .input-group {
  margin-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.login-form .input-group .input-group-addon,
.login-modal .input-group .input-group-addon,
.register-form .input-group .input-group-addon,
.register-modal .input-group .input-group-addon {
  border: none;
  background: none;
}
.login-form .input-group .input-group-addon *,
.login-modal .input-group .input-group-addon *,
.register-form .input-group .input-group-addon *,
.register-modal .input-group .input-group-addon * {
  border: none;
  background: none;
  border-radius: 0;
}
.login-form .input-group input,
.login-modal .input-group input,
.register-form .input-group input,
.register-modal .input-group input {
  font-size: 14px;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 0;
}
.login-form .input-group i,
.login-modal .input-group i,
.register-form .input-group i,
.register-modal .input-group i {
  width: 10px;
}
.login-form .input-captcha .input-group-append,
.login-modal .input-captcha .input-group-append,
.register-form .input-captcha .input-group-append,
.register-modal .input-captcha .input-group-append {
  border: none;
}
.login-form .input-captcha .input-group-append .input-group-text,
.login-modal .input-captcha .input-group-append .input-group-text,
.register-form .input-captcha .input-group-append .input-group-text,
.register-modal .input-captcha .input-group-append .input-group-text {
  border: none;
  background: none;
  border-radius: 0;
  padding: 0px;
}
.login-form .input-captcha .input-group-append .input-group-text img,
.login-modal .input-captcha .input-group-append .input-group-text img,
.register-form .input-captcha .input-group-append .input-group-text img,
.register-modal .input-captcha .input-group-append .input-group-text img {
  cursor: pointer;
}
.login-form .submit-row,
.login-modal .submit-row,
.register-form .submit-row,
.register-modal .submit-row {
  outline: none;
  box-shadow: none;
}
.login-form .register-link,
.login-modal .register-link,
.register-form .register-link,
.register-modal .register-link {
  text-align: center;
  margin: auto 10px;
}
.login-form .other-login,
.login-modal .other-login,
.register-form .other-login,
.register-modal .other-login {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
}
.login-form .other-login .title,
.login-modal .other-login .title,
.register-form .other-login .title,
.register-modal .other-login .title {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.login-form .other-login .title span,
.login-modal .other-login .title span,
.register-form .other-login .title span,
.register-modal .other-login .title span {
  display: inline-block;
  margin: 0px auto;
  padding: 0px 15px;
  background-color: #fff;
  z-index: 1;
  position: relative;
  font-size: 14px;
  color: #bababa;
}
.login-form .other-login .title .line,
.login-modal .other-login .title .line,
.register-form .other-login .title .line,
.register-modal .other-login .title .line {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0px;
  right: 0px;
  background-color: #EEEEEE;
  z-index: 0;
}
.login-form .other-login .item,
.login-modal .other-login .item,
.register-form .other-login .item,
.register-modal .other-login .item {
  display: inline-block;
  margin: auto 10px;
}
#send-phonesms-pre {
  font-size: 14px;
}
#sendPhoneCaptchaModal .modal-dialog {
  width: 300px;
}
#sendPhoneCaptchaModal .modal-dialog .modal-body {
  padding: 10px 15px;
}
#sendPhoneCaptchaModal .modal-dialog .modal-body .input-captcha {
  margin-bottom: 15px;
}
#sendPhoneCaptchaModal .modal-dialog .modal-body .input-captcha input {
  border: none;
  box-shadow: none;
  outline: none;
  display: inline-block;
  width: 160px;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 768px) {
  .login-box {
    padding: 15px;
    width: 95%;
    background-color: #ffffff;
    border-radius: 3px;
  }
}
.register-box {
  padding: 15px;
  width: 500px;
  background-color: #ffffff;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  box-shadow: 5px 5px 5px #eee;
}
.register-box .others {
  text-align: center;
  margin-top: 15px;
}
.register-box .others a {
  padding: 5px 15px;
}
.register-form .register-header {
  text-align: center;
  margin-bottom: 15px;
}
.register-form .register-header h3 {
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 30px;
}
.register-form .input-group {
  margin-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.register-form .input-group .input-group-prepend {
  border: none;
}
.register-form .input-group .input-group-prepend .input-group-text {
  border: none;
  background: none;
  border-radius: 0;
}
.register-form .input-group input {
  font-size: 14px;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 0;
}
.register-form .input-group i {
  width: 10px;
}
.register-form .input-group .send-phonesms-addons span {
  padding-left: 0;
  padding-right: 0;
}
.register-form .input-group .send-phonesms-addons .send-phonesms {
  padding-left: 0;
  padding-right: 0;
  border: none;
  background: none;
  box-shadow: none;
  outline: none;
}
.register-form .input-captcha {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 15px;
}
.register-form .input-captcha input {
  border: none;
  box-shadow: none;
  outline: none;
  display: inline-block;
}
.register-form .input-captcha img {
  float: right;
}
.register-form .submit-row {
  outline: none;
  box-shadow: none;
}
.register-form .register-link {
  text-align: center;
  margin: auto 10px;
}
.register-form .other-login {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
}
.register-form .other-login .title {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.register-form .other-login .title span {
  display: inline-block;
  margin: 0px auto;
  padding: 0px 15px;
  background-color: #fff;
  z-index: 1;
  position: relative;
  font-size: 14px;
  color: #bababa;
}
.register-form .other-login .title .line {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0px;
  right: 0px;
  background-color: #EEEEEE;
  z-index: 0;
}
.register-form .other-login .item {
  display: inline-block;
  margin: auto 10px;
}
@media (max-width: 768px) {
  .register-box {
    padding: 15px;
    width: 95%;
    background-color: #ffffff;
    border-radius: 3px;
  }
}
.modify-password-box,
.set-password-box {
  padding: 15px;
  max-width: 360px;
  background-color: #ffffff;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  box-shadow: 5px 5px 5px #eee;
}
.modify-password-form .password-header,
.set-password-form .password-header {
  text-align: center;
  margin-bottom: 15px;
}
.modify-password-form .password-header h3,
.set-password-form .password-header h3 {
  font-size: 16px;
  padding-bottom: 30px;
}
.modify-password-form .input-group,
.set-password-form .input-group {
  margin-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.modify-password-form .input-group .input-group-addon,
.set-password-form .input-group .input-group-addon {
  border: none;
  background: none;
  border-radius: 0;
}
.modify-password-form .input-group input,
.set-password-form .input-group input {
  font-size: 14px;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 0;
}
.modify-password-form .input-group i,
.set-password-form .input-group i {
  width: 10px;
}
.modify-password-form .input-captcha .input-group-addon,
.set-password-form .input-captcha .input-group-addon {
  border: none;
  background: none;
  border-radius: 0;
  padding: 0px;
}
.modify-password-form .input-captcha .input-group-addon img,
.set-password-form .input-captcha .input-group-addon img {
  cursor: pointer;
}
.modify-password-form .submit-row,
.set-password-form .submit-row {
  outline: none;
  box-shadow: none;
}
.article-container {
  margin-top: 15px;
  min-height: 600px;
}
.article-container .article-wrapper {
  min-height: 600px;
  padding: 0px 15px;
  margin: 0px;
  background-color: #ffffff;
}
.article-container .article-sidebar {
  padding: 15px;
  background-color: #ffffff;
}
.article-container .article-category-list {
  display: none;
}
.article-sidebar-style .title {
  position: relative;
  font-weight: normal;
  margin-bottom: 10px;
  border-left: 3px solid #3919A8;
  background-color: #ffffff;
}
.article-sidebar-style .title span {
  display: inline-block;
  background-color: #ffffff;
}
.article-sidebar-style .title span.line {
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 50%;
  left: 25%;
  right: 25%;
}
.article-sidebar-style .title span:first-child {
  padding-right: 10px;
}
.article-sidebar-style .title span:last-child {
  padding-left: 10px;
  position: absolute;
  right: 0px;
  font-size: 12px;
  color: #bababa;
}
.article-sidebar-style .title span:last-child a {
  color: #bababa;
}
.article-sidebar-style .search {
  margin-bottom: 15px;
}
.article-sidebar-style .search .searchInput {
  box-shadow: none;
  outline: none;
  font-size: 14px;
}
.article-sidebar-style .search .input-group-addon {
  background-color: #3919A8;
}
.article-sidebar-style .search .searchBtn {
  color: #ffffff;
  cursor: pointer;
}
.article-sidebar-style .search .fa-search:hover {
  color: #FFFFFF;
}
.article-sidebar-style .article-categories .title,
.article-sidebar-style .article-tags .title {
  padding-left: 10px;
}
.article-sidebar-style .article-categories ul,
.article-sidebar-style .article-tags ul {
  margin-bottom: 15px;
}
.article-sidebar-style .article-categories ul li,
.article-sidebar-style .article-tags ul li {
  padding: 5px 0px;
  display: inline-block;
}
.article-sidebar-style .article-categories ul li a,
.article-sidebar-style .article-tags ul li a {
  font-size: 12px;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #3919A8;
}
.article-sidebar-style .box {
  padding: 10px;
  background-color: #FFFFFF;
}
.article-sidebar-style .articles-recommend .media h4 {
  font-weight: normal;
}
.article-sidebar-style .articles-recommend .media h4 a {
  font-weight: normal;
}
.article-list-media .media {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #EEEEEE;
}
.article-list-media .media img {
  width: 96px;
}
.article-list-media .media .media-body {
  margin-left: 10px;
}
.article-list-media .media .media-body h4 {
  font-size: 16px;
  font-weight: bold;
}
.article-list-media .media .media-body h4 a {
  color: #444444;
}
.article-list-media .media .media-body p {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
.article-list {
  padding-top: 15px;
  background-color: #ffffff;
}
.article-list .article-item * {
  word-wrap: break-word;
  word-break: break-all;
}
.article-list .media {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #EEEEEE;
}
.article-list .media img {
  width: 96px;
}
.article-list .media .media-body {
  margin-left: 10px;
}
.article-list .media .media-body h4 {
  font-size: 16px;
  font-weight: bold;
}
.article-list .media .media-body h4 a {
  color: #444444;
}
.article-list .media .media-body p {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
.article-list h3.not-found {
  font-size: 16px;
  font-weight: bold;
  margin-left: 15px;
}
.article-list .pagination-box {
  margin: 15px auto;
}
.article-category-list {
  margin-top: -17px;
  margin-bottom: 17px;
  background-color: #ffffff;
}
.article-category-list ul {
  padding: 0px 5px;
}
.article-category-list ul li {
  height: 50px;
  display: inline-block;
}
.article-category-list ul li a {
  height: 50px;
  line-height: 50px;
  padding: 10px 15px;
  border-radius: 5px;
}
.article-category-list ul li a:hover,
.article-category-list ul li a.active {
  color: #ffffff;
  background-color: #3919A8;
}
.article-category-list:after {
  display: block;
  content: '';
  border-bottom: 1px solid #eee;
  margin: 0px 15px;
}
body.article-index .article-list,
body.article-category .article-list,
body.article-search .article-list,
body.article-tag .article-list {
  padding-top: 15px;
  background-color: #ffffff;
}
body.article-index .article-list .article-item *,
body.article-category .article-list .article-item *,
body.article-search .article-list .article-item *,
body.article-tag .article-list .article-item * {
  word-wrap: break-word;
  word-break: break-all;
}
body.article-index .article-list .media,
body.article-category .article-list .media,
body.article-search .article-list .media,
body.article-tag .article-list .media {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #EEEEEE;
}
body.article-index .article-list .media img,
body.article-category .article-list .media img,
body.article-search .article-list .media img,
body.article-tag .article-list .media img {
  width: 96px;
}
body.article-index .article-list .media .media-body,
body.article-category .article-list .media .media-body,
body.article-search .article-list .media .media-body,
body.article-tag .article-list .media .media-body {
  margin-left: 10px;
}
body.article-index .article-list .media .media-body h4,
body.article-category .article-list .media .media-body h4,
body.article-search .article-list .media .media-body h4,
body.article-tag .article-list .media .media-body h4 {
  font-size: 16px;
  font-weight: bold;
}
body.article-index .article-list .media .media-body h4 a,
body.article-category .article-list .media .media-body h4 a,
body.article-search .article-list .media .media-body h4 a,
body.article-tag .article-list .media .media-body h4 a {
  color: #444444;
}
body.article-index .article-list .media .media-body p,
body.article-category .article-list .media .media-body p,
body.article-search .article-list .media .media-body p,
body.article-tag .article-list .media .media-body p {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
body.article-index .article-list h3.not-found,
body.article-category .article-list h3.not-found,
body.article-search .article-list h3.not-found,
body.article-tag .article-list h3.not-found {
  font-size: 16px;
  font-weight: bold;
  margin-left: 15px;
}
body.article-index .article-list .pagination-box,
body.article-category .article-list .pagination-box,
body.article-search .article-list .pagination-box,
body.article-tag .article-list .pagination-box {
  margin: 15px auto;
}
body.article-index .article-sidebar .title,
body.article-category .article-sidebar .title,
body.article-search .article-sidebar .title,
body.article-tag .article-sidebar .title {
  position: relative;
  font-weight: normal;
  margin-bottom: 10px;
  border-left: 3px solid #3919A8;
  background-color: #ffffff;
}
body.article-index .article-sidebar .title span,
body.article-category .article-sidebar .title span,
body.article-search .article-sidebar .title span,
body.article-tag .article-sidebar .title span {
  display: inline-block;
  background-color: #ffffff;
}
body.article-index .article-sidebar .title span.line,
body.article-category .article-sidebar .title span.line,
body.article-search .article-sidebar .title span.line,
body.article-tag .article-sidebar .title span.line {
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 50%;
  left: 25%;
  right: 25%;
}
body.article-index .article-sidebar .title span:first-child,
body.article-category .article-sidebar .title span:first-child,
body.article-search .article-sidebar .title span:first-child,
body.article-tag .article-sidebar .title span:first-child {
  padding-right: 10px;
}
body.article-index .article-sidebar .title span:last-child,
body.article-category .article-sidebar .title span:last-child,
body.article-search .article-sidebar .title span:last-child,
body.article-tag .article-sidebar .title span:last-child {
  padding-left: 10px;
  position: absolute;
  right: 0px;
  font-size: 12px;
  color: #bababa;
}
body.article-index .article-sidebar .title span:last-child a,
body.article-category .article-sidebar .title span:last-child a,
body.article-search .article-sidebar .title span:last-child a,
body.article-tag .article-sidebar .title span:last-child a {
  color: #bababa;
}
body.article-index .article-sidebar .search,
body.article-category .article-sidebar .search,
body.article-search .article-sidebar .search,
body.article-tag .article-sidebar .search {
  margin-bottom: 15px;
}
body.article-index .article-sidebar .search .searchInput,
body.article-category .article-sidebar .search .searchInput,
body.article-search .article-sidebar .search .searchInput,
body.article-tag .article-sidebar .search .searchInput {
  box-shadow: none;
  outline: none;
  font-size: 14px;
}
body.article-index .article-sidebar .search .input-group-addon,
body.article-category .article-sidebar .search .input-group-addon,
body.article-search .article-sidebar .search .input-group-addon,
body.article-tag .article-sidebar .search .input-group-addon {
  background-color: #3919A8;
}
body.article-index .article-sidebar .search .searchBtn,
body.article-category .article-sidebar .search .searchBtn,
body.article-search .article-sidebar .search .searchBtn,
body.article-tag .article-sidebar .search .searchBtn {
  color: #ffffff;
  cursor: pointer;
}
body.article-index .article-sidebar .search .fa-search:hover,
body.article-category .article-sidebar .search .fa-search:hover,
body.article-search .article-sidebar .search .fa-search:hover,
body.article-tag .article-sidebar .search .fa-search:hover {
  color: #FFFFFF;
}
body.article-index .article-sidebar .article-categories .title,
body.article-category .article-sidebar .article-categories .title,
body.article-search .article-sidebar .article-categories .title,
body.article-tag .article-sidebar .article-categories .title,
body.article-index .article-sidebar .article-tags .title,
body.article-category .article-sidebar .article-tags .title,
body.article-search .article-sidebar .article-tags .title,
body.article-tag .article-sidebar .article-tags .title {
  padding-left: 10px;
}
body.article-index .article-sidebar .article-categories ul,
body.article-category .article-sidebar .article-categories ul,
body.article-search .article-sidebar .article-categories ul,
body.article-tag .article-sidebar .article-categories ul,
body.article-index .article-sidebar .article-tags ul,
body.article-category .article-sidebar .article-tags ul,
body.article-search .article-sidebar .article-tags ul,
body.article-tag .article-sidebar .article-tags ul {
  margin-bottom: 15px;
}
body.article-index .article-sidebar .article-categories ul li,
body.article-category .article-sidebar .article-categories ul li,
body.article-search .article-sidebar .article-categories ul li,
body.article-tag .article-sidebar .article-categories ul li,
body.article-index .article-sidebar .article-tags ul li,
body.article-category .article-sidebar .article-tags ul li,
body.article-search .article-sidebar .article-tags ul li,
body.article-tag .article-sidebar .article-tags ul li {
  padding: 5px 0px;
  display: inline-block;
}
body.article-index .article-sidebar .article-categories ul li a,
body.article-category .article-sidebar .article-categories ul li a,
body.article-search .article-sidebar .article-categories ul li a,
body.article-tag .article-sidebar .article-categories ul li a,
body.article-index .article-sidebar .article-tags ul li a,
body.article-category .article-sidebar .article-tags ul li a,
body.article-search .article-sidebar .article-tags ul li a,
body.article-tag .article-sidebar .article-tags ul li a {
  font-size: 12px;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #3919A8;
}
body.article-index .article-sidebar .box,
body.article-category .article-sidebar .box,
body.article-search .article-sidebar .box,
body.article-tag .article-sidebar .box {
  padding: 10px;
  background-color: #FFFFFF;
}
body.article-index .article-sidebar .articles-recommend .media h4,
body.article-category .article-sidebar .articles-recommend .media h4,
body.article-search .article-sidebar .articles-recommend .media h4,
body.article-tag .article-sidebar .articles-recommend .media h4 {
  font-weight: normal;
}
body.article-index .article-sidebar .articles-recommend .media h4 a,
body.article-category .article-sidebar .articles-recommend .media h4 a,
body.article-search .article-sidebar .articles-recommend .media h4 a,
body.article-tag .article-sidebar .articles-recommend .media h4 a {
  font-weight: normal;
}
body.article-detail .article .article-title {
  margin-bottom: 15px;
}
body.article-detail .article .article-title h3 {
  font-size: 20px;
  font-weight: bold;
}
body.article-detail .article .article-content pre {
  padding: 15px;
  background-color: #EEEEEE;
}
body.article-detail .article .meta {
  font-size: 85%;
}
body.article-detail .article * {
  word-wrap: break-word;
  word-break: break-all;
}
body.article-detail .article-sidebar .title {
  position: relative;
  font-weight: normal;
  margin-bottom: 10px;
  border-left: 3px solid #3919A8;
  background-color: #ffffff;
}
body.article-detail .article-sidebar .title span {
  display: inline-block;
  background-color: #ffffff;
}
body.article-detail .article-sidebar .title span.line {
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 50%;
  left: 25%;
  right: 25%;
}
body.article-detail .article-sidebar .title span:first-child {
  padding-right: 10px;
}
body.article-detail .article-sidebar .title span:last-child {
  padding-left: 10px;
  position: absolute;
  right: 0px;
  font-size: 12px;
  color: #bababa;
}
body.article-detail .article-sidebar .title span:last-child a {
  color: #bababa;
}
body.article-detail .article-sidebar .search {
  margin-bottom: 15px;
}
body.article-detail .article-sidebar .search .searchInput {
  box-shadow: none;
  outline: none;
  font-size: 14px;
}
body.article-detail .article-sidebar .search .input-group-addon {
  background-color: #3919A8;
}
body.article-detail .article-sidebar .search .searchBtn {
  color: #ffffff;
  cursor: pointer;
}
body.article-detail .article-sidebar .search .fa-search:hover {
  color: #FFFFFF;
}
body.article-detail .article-sidebar .article-categories .title,
body.article-detail .article-sidebar .article-tags .title {
  padding-left: 10px;
}
body.article-detail .article-sidebar .article-categories ul,
body.article-detail .article-sidebar .article-tags ul {
  margin-bottom: 15px;
}
body.article-detail .article-sidebar .article-categories ul li,
body.article-detail .article-sidebar .article-tags ul li {
  padding: 5px 0px;
  display: inline-block;
}
body.article-detail .article-sidebar .article-categories ul li a,
body.article-detail .article-sidebar .article-tags ul li a {
  font-size: 12px;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #3919A8;
}
body.article-detail .article-sidebar .box {
  padding: 10px;
  background-color: #FFFFFF;
}
body.article-detail .article-sidebar .articles-recommend .media h4 {
  font-weight: normal;
}
body.article-detail .article-sidebar .articles-recommend .media h4 a {
  font-weight: normal;
}
body.article-detail .article-sidebar .media .media-body h4 {
  font-size: 16px;
}
body.article-detail .article-sidebar .media .media-body h4 a {
  color: #000;
}
body.article-detail .article-sidebar .media .media-body p {
  font-size: 12px;
  color: #bbbbbb;
}
body.page-detail .page-content {
  padding: 15px;
  background-color: #ffffff;
}
div.error-page {
  display: block;
  text-align: center;
  padding-top: 72px;
  padding-bottom: 72px;
}
div.error-page .status,
div.error-page .msg {
  display: block;
  text-align: center;
}
div.error-page .status {
  color: #909399;
  font-size: 1000%;
  font-weight: bold;
}
div.error-page .msg {
  font-size: 160%;
}
@media (min-width: 768px) {
  /* Basic */
}
/* Mobile */
@media (max-width: 767px) {
  /* Layout */
}
body.index #indexCarousel {
  margin-bottom: 30px;
}
body.index #indexCarousel .carousel-inner {
  cursor: pointer;
}
body.index #indexCarousel .carousel-inner .item {
  width: 100%;
  /*height: 250px;*/
}
body.index .live-time {
  margin: 0px 7.5px;
}
body.index .module-title {
  padding: 0px 7.5px;
}
body.index .index-banner {
  padding: 30px 0px;
  margin: 0px 7.5px;
}
body.live .content {
  margin-top: 70px;
  min-height:500px;
}
body.live .module-title {
  padding: 0px 7.5px;
}
body.live .live-time {
  margin: 0px 7.5px;
}
body.room .content {
  margin-top: 15px;
}
body.room .rom-content {
  margin: 15px 0px;
}
body.room .rom-content > .left,
body.room .rom-content > .right {
  display: inline-block;
  float: left;
}
body.room .rom-content > .left {
  width: 800px;
  padding-right: 7.5px;
}
body.room .rom-content > .right {
  width: 370px;
  padding-left: 7.5px;
}
body.room .room-userinfo {
  border: 1px solid #EEEEEE;
  height: 80px;
  overflow: hidden;
  background-color: #ffffff;
}
body.room .room-userinfo .media {
  padding: 5px;
}
body.room .room-userinfo .media img {
  height: 70px;
  border-radius: 40px;
}
body.room .room-userinfo .media .media-body {
  position: relative;
}
body.room .room-userinfo .media .media-body .col1,
body.room .room-userinfo .media .media-body .col2 {
  float: left;
  display: inline-block;
}
body.room .room-userinfo .media .media-body .col1 {
  width: 70%;
}
body.room .room-userinfo .media .media-body .col2 {
  width: 30%;
  text-align: right;
  padding-top: 23px;
}
body.room .room-userinfo .media .media-body .col2 .jubao {
  padding: 5px 20px;
  color: #ffffff;
  background-color: #B100C6;
  margin-right: 15px;
  border-radius: 30px;
}
body.room .room-userinfo .media .user-name {
  height: 30px;
  line-height: 30px;
  margin: 0px;
  font-size: 14px;
}
body.room .room-userinfo .media .user-categories {
  margin: 0px;
}
body.room .room-userinfo .media .user-categories a {
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 20px;
  background-color: #3919A8;
  color: #ffffff;
}
body.room .room-video-box {
  width: 100%;
  height: 520px;
  overflow: hidden;
  text-align: center;
}
body.room .room-video-box #video,
body.room .room-video-box #room-video {
  width: 100%;
  height: 520px;
  background-color: #000000;
}
body.room .room-video-box .no-living {
  width: 100%;
  height: 520px;
  line-height: 520px;
  background-color: #000000;
}
body.room .room-video-box .no-living * {
  margin: 0px;
  padding: 0px;
  color: #CCCCCC;
  height: 520px;
  line-height: 520px;
}
body.room .rom-chat-area {
  border: 1px solid #EEEEEE;
  position: relative;
  overflow: hidden;
}
body.room .rom-chat-area .chat-info {
  width: 379.5px;
  height: 540px;
  background-color: #ffffff;
}
body.room .rom-chat-area #chat-area {
  overflow: hidden;
  overflow-y: scroll;
  height: 540px;
  padding: 15px;
}
body.room .rom-chat-area #chat-area p {
  margin-bottom: 10px;
  font-size: 14px;
}
body.room .rom-chat-area #chat-area .info span,
body.room .rom-chat-area #chat-area .system span,
body.room .rom-chat-area #chat-area .message span,
body.room .rom-chat-area #chat-area .image span {
  display: inline-block;
  margin-right: 15px;
  padding: 2px 10px;
  border-radius: 15px;
  font-size: 12px;
}
body.room .rom-chat-area #chat-area .info {
  color: #66b1ff;
}
body.room .rom-chat-area #chat-area .info span {
  color: #ffffff;
  background-color: #66b1ff;
}
body.room .rom-chat-area #chat-area .system {
  color: #FF0000;
}
body.room .rom-chat-area #chat-area .system span {
  color: #ffffff;
  background-color: #FF0000;
}
body.room .rom-chat-area #chat-area .message span,
body.room .rom-chat-area #chat-area .image span {
  color: #292929;
  background-color: #EEEEEE;
}
body.room .chat-gifts {
  display: none;
  position: absolute;
  bottom: 50px;
  float: left;
  border: 1px solid #3919A8;
  background-color: #ffffff;
  padding: 10px;
  margin: 0px 15px;
}
body.room .chat-gifts ul {
  float: left;
}
body.room .chat-gifts ul li {
  float: left;
  width: 20%;
  cursor: pointer;
  border: 0.5px solid #EEEEEE;
  text-align: center;
}
body.room .chat-gifts ul li span {
  color: #000000;
  padding: 2px 10px;
  font-size: 10px;
  border-radius: 5px;
  background-color: #3919A8;
}
body.room .chat-input {
  padding: 10px 15px;
  border-top: 1px solid #eee;
  background-color: #ffffff;
  height: 60px;
}
body.room .chat-input .input-group {
  height: 40px;
  line-height: 40px;
}
body.room .chat-input .input-group input {
  height: 40px;
  line-height: 40px;
}
body.room .chat-input .input-group .input-group-addon {
  cursor: pointer;
}
body.room .chat-input .input-group .input-group-addon:first-child {
  width: 40px;
  background: url(../images/img.png) center center no-repeat;
}
body.room .chat-input .input-group .input-group-addon:last-child {
  color: #ffffff;
  background-color: #B100C6;
}
body.music .content {
  margin-top: 15px;
}
body.music .module-title {
  margin: 10px 0px;
}
body.music .music-box {
  margin-top: 15px;
  height: 600px;
  overflow: hidden;
  background-color: #ffffff;
}
body.music .music-box .left,
body.music .music-box .center,
body.music .music-box .right {
  float: left;
  position: relative;
  height: 600px;
  display: inline-block;
  overflow: hidden;
}
body.music .music-box .left-box,
body.music .music-box .center-box,
body.music .music-box .right-box {
  height: 600px;
  overflow-y: scroll;
}
body.music .music-box .left {
  width: 260px;
}
body.music .music-box .left .left-box {
  width: 276px;
  overflow-x: hidden;
}
body.music .music-box .center {
  width: 260px;
  border-right: 1px solid #eee;
}
body.music .music-box .center .center-box {
  width: 276px;
  overflow-x: hidden;
}
body.music .music-box .right {
  width: 650px;
}
body.music .music-box .right .right-box {
  width: 667px;
  overflow-x: hidden;
}
body.music .music-lists .item {
  padding: 10px;
  cursor: pointer;
  border: 1px solid #EEEEEE;
}
body.music .music-lists .item .media p {
  margin: 0px;
}
body.music .music-lists .item .media-body {
  position: relative;
}
body.music .music-lists .item .media-body a.download {
  display: none;
  position: absolute;
  right: 10px;
  height: 20px;
  line-height: 20px;
  top: 50%;
  transform: translateY(-10px);
  padding: 0px 10px;
  background-color: #3919A8;
  border-radius: 10px;
  font-size: 12px;
}
body.music .music-lists .item:hover,
body.music .music-lists .item.active {
  border: 1px solid #3919A8;
}
body.music .music-lists .item:hover .media p,
body.music .music-lists .item.active .media p {
  color: #3919A8;
}
body.music .music-lists .item:hover a.download,
body.music .music-lists .item.active a.download {
  display: block;
}
body.music .music-info .music-info-cover {
  width: 100%;
}
body.music .music-info audio {
  width: 100%;
}
body.music .music-info .ops {
  display: none;
  padding: 5px 15px;
  text-align: center;
}
body.music .music-info .ops button {
  font-size: 12px;
}
body.music .music-info .info {
  padding: 15px;
}
body.music .music-info .info p {
  margin: 0px;
}
body.music .music-lrc {
  padding: 15px;
}
body.music .music-lrc .music-lrc-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
body.music .music-lrc .music-lrc-box {
  text-align: center;
}
body.video .content {
  margin-top: 70px;
}
body.video .module-title {
  margin: 10px 0px;
}
body.video-detail div.video-detail {
  margin-top: 30px;
}
body.video-detail div.video-detail .video-info {
  padding: 10px 0px;
  border: 1px solid #EEEEEE;
  background-color: #ffffff;
}
body.video-detail div.video-detail .video-info .media-left {
  padding-left: 10px;
}
body.video-detail div.video-detail .video-info img {
  height: 64px;
  /*width: auto;*/
    height: 64px;
}
body.video-detail div.video-detail .video-box {
  height: 600px;
}
body.video-detail div.video-detail .video-box #video {
  width: 100%;
  height: 600px;
  background-color: #000000;
}
body.shop .goods-lists {
  margin: 30px 0px;
}
body.shop .goods-lists .goods-item {
  cursor: pointer;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 10px;
  border-bottom: 1px solid #EEEEEE;
}
body.shop .goods-lists .goods-item .media .media-left {
  padding-top: 15px;
}
body.user-center div.user-center-box {
  float: left;
  padding: 15px;
  background-color: #ffffff;
}
body.user-center div.user-center-box .user-info {
  padding-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
body.user-center div.user-center-box .user-info img {
  width: auto;
  height: 64px;
}
body.user-center div.user-center-box .user-center-content {
  float: left;
  width: 100%;
}
body.user-center div.user-center-box .user-center-content .left,
body.user-center div.user-center-box .user-center-content .right {
  float: left;
}
body.user-center div.user-center-box .user-center-content .left {
  width: 15%;
  min-height: 600px;
}
body.user-center div.user-center-box .user-center-content .right {
  padding-top: 15px;
  padding-left: 15px;
  width: 85%;
}
body.user-center div.user-center-box .user-center-content .user-center-navbar {
  margin: 0px;
  padding: 0px;
  border-radius: 0px;
}
body.user-center div.user-center-box .user-center-content .user-center-navbar li {
  border-radius: 0px;
  border: 1px solid #EEEEEE;
}
body.user-center table.table-user-info {
  width: auto;
}
body.user-center table.table-user-info tr:first-child td {
  border-top: 0px;
}
body.user-center table.table-user-info tr td:first-child {
  width: 100px;
}
body.user-center div.user-confirm-box {
  text-align: center;
}
body.user-center div.user-confirm-box .status-info h5 {
  margin: 0px;
}
body.user-center .user-confirm-form {
  margin: 0px auto;
  max-width: 500px;
  padding: 15px;
  border: 1px solid #EEEEEE;
}
body.user-center .user-confirm-form .user-confirm-header {
  text-align: center;
  margin-bottom: 30px;
}
body.user-center .user-confirm-form .input-group {
  margin-bottom: 15px;
}
body.user-center .user-confirm-form .input-group .input-group-addon {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: none;
}
body.user-center .user-confirm-form .input-group .input-group-addon span {
  display: inline-block;
  width: 100px;
  text-align: right;
  padding-right: 15px;
}
body {
  padding-top: 60px;
  min-width: 1200px;
  background-color: ;
  background:;
  /*background:url('../images/news3.jpg');*/
}
.container,
.container-fluid {
  max-width: 1200px !important;
  width: 1200px !important;
}
.container .main-content,
.container-fluid .main-content {
  background-color: #ffffff;
  min-height: 800px;
  position: relative;
  padding-bottom: 160px;
}
.content {
  min-height: 500px;
  /*background:#6EC1CF;*/
}
.module-title {
  width: 100%;
  /*height: 30px;*/
  overflow: hidden;
  margin: 15px 0px;
  float: left;
}
.module-title h3 {
  float: left;
  display: inline-block;
  margin: 0px;
  font-size: 20px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  color:#8e5c00;
}
.module-title h3 img {
  display: inline-block;
  max-width: 30px;
}
.module-title .categories {
  float: left;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
}
.module-title .categories li {
  float: left;
  margin-right: 15px;
}
.module-title .categories li a {
  cursor: pointer;
  padding: 2px 10px;
  border-radius: 30px;
  text-decoration: none;
  border: 1px solid #CCCCCC;
  background-color: #ffffff;
  font-size: 12px;
}
.module-title .categories li a:hover {
  border-color: #3919A8;
}
.module-title .categories li a.active {
  background-color: #3919A8;
  color: #ffffff;
}
.module-title .categories li.active a {
  background-color: #3919A8;
  color: #ffffff;
}
.lists {
  /*float: left;*/
}


.lists .item {
    cursor: pointer;
    display: inline-block;
    /* width: 290px; */
    width: 290px;
    float: left;
    margin-left: 0px;
}
.lists .item:first-child{
    margin-left: 0;
}
.lists .item .box {
  /*border: 1px solid #EEEEEE;*/
  position: relative;
  background-color: #ffffff;
  /*border-radius: 5px;*/
  overflow: hidden;
  margin:0 7.5px;
  /*height:400px;*/
  height:350px;
}

.lists .item .name {
  padding:0 7.5px;
}
.lists .item .name .media img {
  border-radius: 30px;
}
.lists .item .name .media .media-body p {

  margin: 0px;
  /*margin-left:10px;*/

  /*background:#0A81C9;*/
  padding:10px 10px;
}
.lists .item:hover .name {
  color: #3919A8;
}
.live-time {
  color: #ffffff;
  padding: 5px 15px;
  background-color: #726873;
}
.right-sidebar {
  position: fixed;
  right: 30px;
  top: auto;
  bottom: 30px;
  left: auto;
  border: 1px solid #EEEEEE;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
.right-sidebar li {
  display: block;
}
.right-sidebar li a {
  display: block;
  text-align: center;
  min-width: 60px;
  padding: 10px;
  font-size: 12px;
  color: #999999;
}
.right-sidebar li a i {
  color: #999999;
}
.right-sidebar li a:hover {
  background-color: #3919A8;
  color: #ffffff;
}
.right-sidebar li a:hover i {
  color: #ffffff;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img,.img-responsive, .thumbnail a>img, .thumbnail>img{
    width: 100%;
    /*height: 100%;*/
}
.img-responsives{
    width: 290px;
    height: 290px;
}
.active{
    font-weight: bold;
        text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}