.navbar-brand>img
{
  height: 50px;
}

.navbar-right {
  margin-right: 0;
}

.navbar-fixed-top {
  background: rgba(255, 255, 255, .9);
  background: #fff \0;
  font-size: 12px;
  color: #999;
  box-shadow: none;
  border-bottom: 1px solid #e6e6e6;
}

.head-top {
  line-height: 38px;
  background-color: #f8f8f8;
}

.head-top .navbar-right > li > a {
  margin-left: 20px;
  padding: 0 !important;
  line-height: 38px;
}

.head-menu {
  padding-top: 15px;
  padding-bottom: 15px;
}

#navbar > ul > li > a {
  margin: 0 16px;
  padding: 0;
  font-size: 15px;
  line-height: 50px;
  color: #333;
}

#navbar > ul > li > a:hover{
  color: #fa5546;
  text-decoration: none
}

#navbar > ul > li:last-child > div {
  margin: 0 0 0 50px;
  padding: 0;
  font-size: 18px;
  line-height: 50px;
  color: #333;
}

#navbar > ul > li:last-child > div {
  padding-right: 0;
}

#navbar > ul > li.active > a {
  background: none;
  filter: none;
  box-shadow: none;
  color: #8a1e22;
}

#navbar > ul > li > a.btn-login-user {
  margin: 8px 0 0 50px;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e6e6e6;
  background: #f9f9f9;
  font-size: 14px;
  color: #5e5e5e;
  box-shadow: none;
}

#navbar > ul > li > a i.icon-user {
  color: #ff5050
}

#navbar > ul > li > div a {
  float: left;
  position: relative;
  top: 7px;
  width: 83px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #fa3e3d;
  background: #fa3e3d;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

#navbar > ul > li > div a:hover,
#navbar > ul > li > div a:active,
#navbar > ul > li > div a:focus {
  text-decoration: none;
}

.dropdown-menu li a {
  padding: 8px 0;
  text-align: center;
}

.dropdown-menu li a:hover {
  background: #ffeeef;
}

.btn-login {
  background: none !important;
  color: #fa3e3d !important;
}

.navbar-brand {
  padding: 0 0 0 15px;
}

.carousel {
  /*background: #004986;*/
}

.carousel-inner > .item {
  text-align: center;
}

.carousel-inner > .item img {
  display: inline-block !important;
}

.carousel-indicators {
  bottom: 0;
}

.carousel-indicators li{
  border-color: #cac9ca;
  background-color: #fff;
}

.carousel-indicators .active{
  width: 10px;
  height: 10px;
  margin: 0 0 1px;
  border-color: #ff4501;
  background-color: #ff4501;
}

.carousel-control.banner-left,
.carousel-control.banner-right{
  top: 50%;
  width: 24px;
  height: 35px;
  margin-top: -18px;
  background: rgba(179,179,179,.7);
  font: normal 32px/35px 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;
  color: #fff;
  opacity: 0.7;
  text-shadow: none;
  background-image: none;
}

.carousel-control.banner-left:hover,
.carousel-control.banner-right:hover{
  background: rgba(126,126,126,.7);
}

.grade-course-title {
  height: 59px;
  overflow: hidden;
  margin-top: 20px;
}
.grade-course-title h6 {
  position: relative;
  float: left;
  height: 35px;
  top: 11px;
  z-index: 1;
  font-size: 20px;
  color: #333;
  line-height: 18px;
}
.grade-course-title a.more {
  float: left;
  font-size: 12px;
  color: #666666;
  position: relative;
  top: 24px;
  margin-left: 10px;
}
.grade-course-title a.more:hover {
  color: #1e89e0;
  text-decoration: underline;
}
.grade-course-title a.more i {
  font-size: 16px;
}
.grade-course-title a.more i:first-child {
  margin-left: 6px;
}
.grade-course-title a.more i:last-child {
  margin-right: -5px;
}
.grade-course-title ul.live-list-tabs {
  float: left;
  margin-right: 5px;
  overflow: hidden;
  padding-left: 155px;
}
.grade-course-title ul.live-list-tabs li {
  float: left;
  display: inline;
  margin-right: 5px;
}
.grade-course-title ul.live-list-tabs li i.fa {
  cursor: pointer;
  color: #999;
}
.grade-course-title ul.live-list-tabs li.active i.fa {
  color: #1e89e0;
}
.grade-course-title ul.grade-list {
  overflow: hidden;
  padding-left: 155px;
}
.grade-course-title ul.grade-list li {
  float: left;
  display: inline;
  width: 50px;
  height: 34px;
  text-align: center;
  font-size: 14px;
  margin-right: 15px;
  cursor: pointer;
}
.grade-course-title ul.grade-list li.active {
  border-bottom: 2px solid #3bafda;
  color: #1e89e0;
}
.grade-course-title ul.grade-list li.active a {
  color: #3bafda;
}
.grade-course-title ul.grade-list.grade-list-live li {
  width: 65px;
}

/*
.grade-course-title, .row-page-turn, .container {
  width: 1190px !important;
}
*/

.wrap-side-right .fresh-list {
  padding: 12px 0;
}
.wrap-side-right .fresh-list .fresh-detail .fresh-text .fresh-info {
  height: 65px;
  line-height: 175%;
  overflow: hidden;
}
.wrap-side-right .fresh-list .fresh-detail .fresh-barinfo {
  padding-top: 3px;
}
.wrap-center {
  width: 700px;
  margin-left: 10px;
  padding: 0;
}
.wrap-center .course-small-list {
  float: left;
  display: inline;
  margin: 0 34px 20px 0;
}
.wrap-center .tab-xiao .row, .wrap-center .tab-chu .row, .wrap-center .tab-gao .row {
  margin-left: 0;
}

.row-page-turn {
  margin-left: 0;
  position: relative;
}
.row-page-turn .live-content-action {
  width: 110%;
  overflow: hidden;
}
.row-page-turn .live-card {
  width: 290px;
  background: #fff;
  float: left;
  margin-right: 10px;
}
.row-page-turn .live-card:hover .live-course-title {
  top: 0 !important;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container {
  line-height: 22px;
  height: 80px;
  box-sizing: border-box;
  padding: 16px 10px;
  margin-right: 0px;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container p {
  margin-bottom: 0;
  width: 100%;
  font-size: 12px;
  color: #333;
  margin-right: 5px;
  margin-top: 8px;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container p span.title {
  float: left;
  display: inline;
  width: 200px;
  line-height: auto;
  font-size: 14px;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container p span.price {
  float: right;
  width: 60px;
  line-height: 18px;
  text-align: right;
  font-size: 12px;
  color: #e74c3c;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container p span.time {
  color: #ed5565;
  font-size: 14px;
  line-height: 14px;
}

.row-page-turn .live-card .live-time-tip .live-time-tip-container p span.discount-endtime-countdown {
  color: #ed5565;
}

.row-page-turn .live-card .live-time-tip .live-time-tip-container p span.teacher {
  color: #a0a0a0;
  font-size: 14px;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container p span.watchNum {
  float: right;
  color: #999;
  position: relative;
  font-size: 14px;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container p img {
  margin-right: 6px;
  float: right;
  position: relative;
  top: 6px;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container > p:nth-child(1) {
  color: #333;
  font-size: 16px;
  line-height: 20px;
  margin-top: -2px;
  margin-bottom: 12px;
  height: 20px;
  overflow: hidden;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container > p:nth-child(1) span {
  font-size: 14px;
}
.row-page-turn .live-card .live-time-tip .live-time-tip-container > p:nth-child(1) span.name {
  font-size: 12px;
}
.row-page-turn .live-card .live-course-box {
  overflow: hidden;
  position: relative;
  width: 290px;
}
.row-page-turn .live-card .live-course-box .live-course-title {
  display: block;
  position: absolute;
  top: -198px;
  height: 198px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  transition: top .3s linear;
  text-align: center;
}
.row-page-turn .live-card .live-course-box .live-course-title span {
  border-radius: 3px;
  color: #fff;
  display: block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  margin: 79px auto;
  font-size: 14px;
}
.row-page-turn .live-card .live-course-box a.success_join {
  top: 0;
  cursor: default;
}
.row-page-turn .live-card .live-course-box a.success_join span {
  background: #bfbfbf !important;
  cursor: default;
}
.row-page-turn .live-teacher-photo {
  margin-top: 0;
  width: 290px;
  height: 198px;
}
.row-page-turn .page-turn {
  position: absolute;
  top: -40px;
  width: 30px;
  height: 22px;
  line-height: 16px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #dcdcdc;
  color: #999;
  font-size: 18px;
}
.row-page-turn .page-turn.page-up {
  right: 34px;
}
.row-page-turn .page-turn.page-down {
  right: 5px;
}
.row-page-turn .page-turn:hover {
  color: #3bafda;
}
.row-page-turn .page-turn-box {
  float: left;
  width: 1190px;
  overflow: hidden;
}
.row-page-turn .page-turn-box .course-small-list {
  float: left;
  display: inline;
}