@import "mixins/mixins";
@import "common/var";
/*————————————————————学习组件1开始——————————————————————*/
.common_learningmap_pc_1 {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.common_learningmap_pc_1 .map-top {
  width: 100%;
  height: 235px;
  background: url('#{$--url-path}/learnmap-pic.png') center no-repeat;
  background-size: auto 100%;
}
.common_learningmap_pc_1 .learningtool-title {
  width: 100%;
  margin-top: 40px;
}
.common_learningmap_pc_1 .learningtool-title .sp1 {
  display: block;
  text-align: center;
  font-size: 30px;
  position: relative;
  color: #fff;
}
.common_learningmap_pc_1 .learningtool-title .sp1::after {
  display: block;
  content: '';
  width: 65px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -32px;
}
.common_learningmap_pc_1 .learningtool-title-tip {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: 50px;
}
.common_learningmap_pc_1 .map-body {
  margin-top: 40px;
}
.common_learningmap_pc_1 .map-body-right {
  width: 100%;
}
.common_learningmap_pc_1 .map-body-right .sp1 {
  display: block;
  font-size: 24px;
}
.common_learningmap_pc_1 .map-body-right .ul1 {
  width: 100%;
  margin-top: 20px;
}
.common_learningmap_pc_1 .map-body-right .ul1 li {
  font-size: 16px;
  padding: 5px 20px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  display: inline-block;
  margin: 10px 20px 10px 0;
}
.common_learningmap_pc_1 .map-body-right .ul1 .active {
  background-color: $--color-primary;
  border: 1px solid $--color-primary;
  color: #fff;
}
.common_learningmap_pc_1 .map-body-right .ul1 .active a {
  color: #fff;
}
.common_learningmap_pc_1 .map-body-right .ul2 {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #d8d8d8;
}
.common_learningmap_pc_1 .map-body-right .ul2 li {
  display: inline-block;
  font-size: 16px;
  margin: 20px 30px 20px 0;
  color: #a0a0a0;
}
.common_learningmap_pc_1 .map-body-right .ul2 .active a {
  color: $--color-primary;
  font-weight: bold;
}
.common_learningmap_pc_1 .map-body-right .ul2 li a:hover {
  color: $--color-primary;
}
.common_learningmap_pc_1 .map-sizebg {
  width: 100%;
  height: 400px;
}
.common_learningmap_pc_1 .select-color {
  background-color: $--color-primary;
}
/*————————————————————学习组件1结束——————————————————————*/