@charset "UTF-8";
.market-header .topbar {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f5f5f5;
}
.market-header .topbar .container {
  line-height: 20px;
  font-size: 12px;
}
.market-header .topbar .left > span + span,
.market-header .topbar .right > span + span {
  margin-left: 20px;
}
.market-header .topbar .left > a {
  color: #9399a5;
}
.market-header .topbar .left > a .iconfont {
  font-size: 14px;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .market-header .topbar .left > span + span,
.market-header .topbar .right > span + span {
    margin-left: 10px;
  }
  .market-header .topbar .welcome {
    display: none;
  }
}
.market-header .header {
  background-color: #fff;
}
.market-header .header .label-table {
  margin-top: 36px;
  margin-bottom: 40px;
}
.market-header .header .label-table .label-td:first-child {
  width: 32%;
}
.market-header .header .logo-wrapper {
  height: 36px;
}
.market-header .header .logo-wrapper > img {
  height: 100%;
}
.market-header .header .search-wrapper .form-control {
  border-color: #0f6af3;
}
.market-header .header .search-wrapper > .btn {
  width: 90px;
  height: 36px;
  min-width: auto;
  line-height: 36px;
  padding: 0;
  border: none;
  margin-left: -2px;
}
.market-header .header .search-wrapper > .btn .iconfont {
  font-size: 14px;
  margin-right: 8px;
}
@media (min-width: 992px) {
  .market-header .header .search-wrapper .form-control {
    width: 472px;
  }
}
@media (max-width: 991px) {
  .market-header .header .search-wrapper {
    float: right;
  }
}
@media (max-width: 767px) {
  .market-header .header .label-table {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .market-header .header .logo-wrapper {
    height: 32px;
  }
  .market-header .header .search-wrapper .form-control {
    display: none;
  }
  .market-header .header .search-wrapper > .btn {
    width: auto;
    height: 32px;
    line-height: 32px;
    color: #676c73;
    background-color: #fff;
    border-color: #fff;
  }
  .market-header .header .search-wrapper > .btn .iconfont {
    font-size: 22px;
    margin-right: 0;
  }
  .market-header .header .search-wrapper > .btn .text {
    display: none;
  }
  .market-header .header .search-wrapper.ready .form-control {
    display: inline-block;
    height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .market-header .header .search-wrapper.ready > .btn {
    width: 60px;
    color: #fff;
    background-color: #0f6af3;
    border-color: #0f6af3;
  }
  .market-header .header .search-wrapper.ready > .btn .iconfont {
    font-size: 18px;
  }
}
@media (max-width: 680px) {
  .market-header .header .label-table {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .market-header .header .logo-wrapper {
    height: 28px;
  }
  .market-header .header .search-wrapper {
    position: relative;
  }
  .market-header .header .search-wrapper .form-control {
    position: absolute;
    top: 0;
    right: 100%;
    width: 220px;
  }
  .market-header .header .search-wrapper > .btn {
    height: 28px;
    line-height: 28px;
  }
  .market-header .header .search-wrapper > .btn .iconfont {
    font-size: 20px;
  }
  .market-header .header .search-wrapper.ready .form-control {
    height: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .market-header .header .search-wrapper.ready > .btn {
    width: 54px;
  }
  .market-header .header .search-wrapper.ready > .btn .iconfont {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .market-header .header .label-table {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .market-header .header .logo-wrapper {
    height: 28px;
  }
}

.swithmaket {
  font-size: 16px;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-top: -5px;
}
.swithmaket span {
  padding-bottom: 16px;
}
.swithmaket .servicemaket {
  margin-left: 40px;
}
.swithmaket .activemaket {
  border-bottom: 2px solid #0f6af3;
  color: #0f6af3;
}

/* 搜索结果 */
.market-search .search-nav {
  border-top: 1px solid #e5e5e5;
}
.market-search .result-nums {
  margin-top: 10px;
  font-size: 16px;
}
.market-search .result-nums .stress {
  color: #0f6af3;
  padding-left: 3px;
  padding-right: 3px;
}

.market-course-info-attr .item {
  line-height: 20px;
}
.market-course-info-attr .item-label,
.market-course-info-attr .item-text {
  display: inline-block;
  vertical-align: middle;
}
.market-course-info-attr .item-label {
  color: #9399a5;
}
.market-course-info-attr .item-text .text {
  color: #555;
  float: left;
}
.market-course-info-attr .item-text .text + .text {
  margin-left: 8px;
  padding-left: 12px;
  position: relative;
}
.market-course-info-attr .item-text .text + .text:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  line-height: 0;
  content: "";
  background-color: #ccc;
  border-radius: 50%;
}
.market-course-info-attr .item-text .price {
  color: #ff7a45;
}
.market-course-info-attr .item-text .price .price-num {
  font-size: 24px;
}
@media (min-width: 992px) {
  .market-course-info-attr .item-row + .item-row {
    margin-top: 10px;
  }
  .market-course-info-attr .item {
    float: left;
  }
  .market-course-info-attr .item + .item {
    margin-left: 24px;
    padding-left: 24px;
    position: relative;
  }
  .market-course-info-attr .item + .item:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    content: "|";
    color: #e5e5e5;
    line-height: 1;
  }
}
@media (max-width: 991px) {
  .market-course-info-attr .item-row + .item-row {
    margin-top: 5px;
  }
  .market-course-info-attr .item + .item {
    margin-top: 5px;
  }
}

.market-course-buy .recommend-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.market-course-buy .recommend-wrapper .iconfont {
  color: #ff7a45;
  font-size: 14px;
  margin-right: 5px;
}
.market-course-buy .recommend-wrapper > a {
  color: #676c73;
}
.market-course-buy .recommend-wrapper > a:hover {
  color: #0f6af3;
}

.course-module-nav {
  justify-content: space-around;
}

.cousult {
  background-color: #f7f8fa;
}
.cousult .section .mod-title {
  padding-bottom: 20px;
}
.cousult .section .mod-title .title {
  color: #1a1a1a;
  font-size: 24px;
  display: inline-block;
}
.cousult .section .mod-nav {
  overflow: hidden;
}
.cousult .section .mod-nav .li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.cousult .section .mod-nav .li a {
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 5px 10px;
  color: #888;
  font-size: 18px;
  display: block;
}
.cousult .section .mod-nav .li a:hover, .cousult .section .mod-nav .li a.active {
  background-color: #0f6af3;
  color: #fff;
}
.cousult .section .mod-content {
  overflow: hidden;
  padding-bottom: 30px;
}
.cousult .section .mod-content .item {
  background-color: transparent;
}
.cousult .section .mod-content .item .img {
  border-radius: 4px;
}
.cousult .section .mod-content .item .img .cover-text,
.cousult .section .mod-content .item .img .cover-mask {
  display: none;
}
.cousult .section .mod-content .item .img .cover-text {
  top: 50%;
  margin-top: -17.5438596491%;
  left: 50%;
  margin-left: -37.1929824561%;
  text-align: left;
  padding: 0;
  width: 74.3859649123%;
  height: 62.5%;
  line-height: 25px;
  font-size: 14px;
  overflow: hidden;
}
.cousult .section .mod-content .item .info .title-inner {
  font-size: 20px;
}
.cousult .section .mod-content .item .info .title-inner span {
  font-size: 12px;
  color: #9399a5;
  margin-left: 10px;
}
.cousult .section .mod-content .item .info .title-inner span i {
  font-size: 13px;
}
.cousult .section .mod-content .item .info .title-msg {
  margin-top: 3.663003663%;
  font-size: 14px;
}
.cousult .section .mod-content .item .info .attr {
  padding-left: 0;
  padding-right: 0;
  color: #f34235;
  bottom: 0;
}
.cousult .section .mod-content .item .info .attr span {
  font-size: 20px;
}
.cousult .section .mod-content .item:hover {
  color: #1a1a1a;
}
.cousult .section .mod-content .item:hover .img img {
  transform: none;
}
.cousult .section .mod-content .item:hover .img .cover-text,
.cousult .section .mod-content .item:hover .img .cover-mask {
  display: block;
}

@media (max-width: 1200px) {
  .cousult .section .mod-title .title-inner {
    font-size: 20px;
  }
  .cousult .section .mod-content .item .img .cover-text {
    line-height: 20px;
  }
  .cousult .section .mod-content .item .info .attr {
    line-height: 1;
  }
}
@media (max-width: 992px) {
  .cousult .section .mod-content .item .img .cover-text {
    line-height: 30px;
  }
}
@media (max-width: 690px) {
  .cousult .section .mod-content .item .img .cover-text {
    line-height: 26px;
  }
}
@media (max-width: 640px) {
  .cousult .section .mod-title {
    padding-bottom: 15px;
  }
}
@media (max-width: 610px) {
  .cousult .section .mod-content .item .img .cover-text {
    line-height: 24px;
  }
}
@media (max-width: 600px) {
  .cousult .section .mod-content .item .info .title-msg {
    font-size: 14px;
  }
}
@media (max-width: 579px) {
  .cousult .section .mod-content .item .img .cover-text {
    line-height: 30px;
  }
}
@media (max-width: 690px) {
  .cousult .section .mod-content .item .img .cover-text {
    line-height: 26px;
  }
}
@media (max-width: 640px) {
  .cousult .section .mod-title {
    padding-bottom: 15px;
  }
  .cousult .section .mod-title .title {
    font-size: 20px;
  }
}
@media (max-width: 610px) {
  .cousult .section .mod-content .item .img .cover-text {
    line-height: 23px;
  }
}
@media (max-width: 550px) {
  .cousult .section .mod-nav .li a {
    font-size: 14px;
  }
  .cousult .section .mod-content .item {
    background-color: #fff;
    padding-bottom: 85.2631578947%;
  }
  .cousult .section .mod-content .item .img {
    height: 61.7283950617%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .cousult .section .mod-content .item .img .cover-text,
.cousult .section .mod-content .item .img .cover-mask {
    display: block;
  }
  .cousult .section .mod-content .item .img .cover-mask {
    top: 70%;
  }
  .cousult .section .mod-content .item .img .cover-text {
    width: 100%;
    left: unset;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: 20%;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    font-size: 16px;
    top: unset;
    bottom: 2%;
    line-height: 19px;
  }
  .cousult .section .mod-content .item .info {
    height: 38.2716049383%;
    padding-top: 5.7613168724%;
  }
  .cousult .section .mod-content .item .info,
.cousult .section .mod-content .item .info .attr {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cousult .section .mod-content .item .info .title-inner {
    font-size: 18px;
  }
  .cousult .section .mod-content .item .info .attr {
    bottom: 16.1290322581%;
  }

  .col-sm-6 {
    width: 100%;
  }
}
@media (max-width: 475px) {
  .cousult .section .mod-content .item .img .cover-text {
    font-size: 14px;
  }
}
@media (max-width: 465px) {
  .cousult .section .mod-content .item .info .title-msg {
    margin-top: 5px;
  }
  .cousult .section .mod-content .item .info .attr {
    margin-top: 5px;
  }
}
@media (max-width: 438px) {
  .cousult .section .mod-nav .li {
    margin-right: 15px;
  }
}
@media (max-width: 415px) {
  .cousult .section .mod-content .item .img .cover-text {
    font-size: 13px;
    line-height: 20px;
    bottom: 3%;
  }
}
@media (max-width: 395px) {
  .cousult .section .mod-content .item .img .cover-text {
    font-size: 12px;
    bottom: 4%;
    line-height: 19px;
  }
  .cousult .section .mod-content .item .info .title-inner {
    font-size: 16px;
  }
  .cousult .section .mod-content .item .info .title-msg {
    font-size: 12px;
  }
  .cousult .section .mod-content .item .info .attr span {
    font-size: 18px;
  }
  .cousult .section .mod-nav .li {
    margin-right: 5px;
  }
}
@media (max-width: 376px) {
  .cousult .section .mod-nav .li a {
    font-size: 12px;
  }
}