.common-width {
  width: 1200px;
  margin: auto;
}

button:active {
  opacity: 0.9;
}

.common-title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #333333;
  padding-top: 15px;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: left top;
}

.common-subhead {
  font-size: 16px;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 8px;
  padding-left: 15px;
}

.common-advisory-btn {
  display: block;
  margin: auto;
  width: 400px;
  background-image: linear-gradient(0deg, #595bb2 0%, #6c6ec9 100%),
    linear-gradient(#595bb2, #595bb2);
  border-radius: 30px;
  font-size: 22px;
  line-height: 48px;
  color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(89, 91, 178, 0.3);
}

/* --- banner --- start */
.banner {
  margin-top: 80px;
}

.banner .swiper-slide {
  width: 100%;
  overflow: hidden;
}

.banner .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ffffff;
  opacity: 1;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  height: 10px;
  border-radius: 5px;
  background: #595bb2;
}

.banner-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.banner-button .swiper-button-next,
.banner-button .swiper-button-prev {
  pointer-events: auto;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
}

.banner-button .swiper-button-next::after,
.banner-button .swiper-button-prev::after {
  content: none;
  display: none;
}

.banner-button .swiper-button-next {
  background-image: url("/home_static/image/arrow_banner_r.png");
}

.banner-button .swiper-button-prev {
  background-image: url("/home_static/image/arrow_banner_l.png");
}

/* --- banner --- end */

/* --- 练习平台 --- start */
.lxpt {
  background-color: #f5f7fa;
  padding-top: 60px;
  padding-bottom: 20px;
}

.lxpt-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.lxpt-list-item {
  background-color: #ffffff;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.04);
  border-radius: 8px;
  padding: 20px;
  width: 590px;
  position: relative;
  margin-bottom: 20px;
  transition: all 0.3s;
}

.lxpt-list-item:hover {
  box-shadow: 0px 12px 12px 0px rgba(89, 91, 178, 0.1);
  transform: translateY(-5px);
}

.item-head img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}

.item-head h5 {
  display: inline-block;
  vertical-align: middle;
  line-height: 50px;
  font-size: 20px;
  letter-spacing: 0px;
  color: #333333;
  margin-left: 10px;
}

.lxpt-list-item p {
  font-size: 14px;
  letter-spacing: 0px;
  color: #333333;
  padding: 0 5px;
  margin-top: 15px;
}

.lxpt-list-item button {
  font-size: 18px;
  letter-spacing: 0px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  position: absolute;
  top: 30px;
  right: 30px;
}

.lxpt-list-item button img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.lxpt-list-item button .static-icon {
  display: inline-block;
}

.lxpt-list-item button .hover-icon {
  display: none;
}

.lxpt-list-item:hover button .static-icon {
  display: none;
}

.lxpt-list-item:hover button .hover-icon {
  display: inline-block;
}

.lxpt-list-item:nth-child(1) button {
  background-color: rgba(89, 91, 178, 0.2);
  color: #595bb2;
}

.lxpt-list-item:nth-child(1):hover button {
  background-color: rgba(89, 91, 178, 1);
  color: #ffffff;
}

.lxpt-list-item:nth-child(2) button {
  background-color: rgba(26, 123, 249, 0.2);
  color: #1a7bf9;
}

.lxpt-list-item:nth-child(2):hover button {
  background-color: rgba(26, 123, 249, 1);
  color: #ffffff;
}

.lxpt-list-item:nth-child(3) button {
  background-color: rgba(11, 161, 215, 0.2);
  color: #0ba1d7;
}

.lxpt-list-item:nth-child(3):hover button {
  background-color: rgba(11, 161, 215, 1);
  color: #ffffff;
}

.lxpt-list-item:nth-child(4) button {
  background-color: rgba(255, 172, 76, 0.2);
  color: #ffac4c;
}

.lxpt-list-item:nth-child(4):hover button {
  background-color: rgba(255, 172, 76, 1);
  color: #ffffff;
}

.btn-list {
  margin-top: 40px;
  text-align: center;
}

.btn-list .common-advisory-btn {
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  margin: auto 20px;
}

/* --- 练习平台 --- end */

/* --- PTE与雅思对比 --- start */
.dbys {
  padding: 30px 0px 80px 0px;
  background-color: #f5f7fa;
  background-image: url("/home_static/image/2020-12-29/pic_bg_1.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.dbys .img_list {
  margin-top: 40px;
  width: 100%;
}

.dbys .img_list img {
  display: block;
  width: 100%;
  height: auto;
}

.dbys .img_list .img_a {
  border-radius: 10px;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.06);
}

.dbys .img_list .img_b {
  margin-top: 40px;
  border-radius: 10px;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.06);
}

/* --- PTE与雅思对比 --- end */

/* --- 羊驼课程、免费课程 --- start */
.mfkc {
  background-color: #ffffff;
  padding-bottom: 20px;
}

.mfkc-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 45px auto;
}

.mfkc-list-item {
  border-radius: 8px;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.04);
  overflow: hidden;
  transition: all 0.3s;
  position: relative;
  margin-bottom: 20px;
}

.mfkc-list-item:hover {
  transform: translateY(-10px);
}

.mfkc-list-item img {
  display: block;
  width: 390px;
}

.mfkc-list-item button {
  position: absolute;
  left: 20px;
  bottom: 25px;
  display: block;
  cursor: pointer;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #f5f7fa;
  font-size: 22px;
  letter-spacing: 1.1px;
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
}

.mfkc-list-item:hover button {
  background-color: #ffffff;
}

.mfkc-list-item:nth-child(4):hover button {
  color: #98ace8;
}

.mfkc-list-item:nth-child(5):hover button {
  color: #a49de2;
}

.mfkc-list-item:nth-child(6):hover button {
  color: #90d7f0;
}

.mfkc .common-advisory-btn {
  margin-bottom: 30px;
}

/* --- 羊驼课程、免费课程 --- end */

/* --- 课程体系 --- start */
.kctx {
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 80px;
}

.kctx-center {
  margin-top: 35px;
  background-image: url("/home_static/image/2020-12-29/pic_bg_2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 5px 0;
}

.kctx-center .center-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.kctx-center .center-box .l {
  width: 410px;
  height: 600px;
  background-color: #ffffff;
  box-shadow: 0px 12px 12px 0px rgba(89, 91, 178, 0.1);
  border-radius: 8px;
  position: relative;
  background-image: url("/home_static/image/2020-12-29/pic_sys_arrow.png");
  background-repeat: no-repeat;
  background-size: 115px auto;
  background-position: 25px 25px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.kctx-center .center-box .l.kctx_m {
  display: none;
}

.kctx-center .center-box .l img {
  display: block;
  transition: transform 0.3s;
}

.kctx-center .center-box .kctx_pc img.active {
  transform: translateX(40px);
}

.kctx-center .center-box .l img:not(:last-child) {
  margin-bottom: 20px;
}

.kctx-center .center-box .r {
  width: 700px;
}

.kctx-center .r-title {
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 2.4px;
  color: #333333;
  padding-left: 40px;
  background-image: url("/home_static/image/2020-12-29/icon_sys.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.kctx-r-list {
  width: 100%;
  padding-top: 1px;
  position: relative;
}

@keyframes kctx_show {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes kctx_hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.kctx-center .item_a,
.kctx-center .item_b,
.kctx-center .item_c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  animation: kctx_hide 0.3s;
}

.kctx-center .item_a.hide,
.kctx-center .item_b.hide,
.kctx-center .item_c.hide {
  display: none;
}

.kctx-center .item_a.active,
.kctx-center .item_b.active,
.kctx-center .item_c.active {
  position: relative;
  display: block;
  z-index: 2;
  animation: kctx_show 0.3s;
}

/* --- item_a strart */
.kctx-center .item_a {
  margin-top: 10px;
}

.kctx-center .item_a .box_a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.kctx-center .item_a .box_a_item {
  width: 340px;
  padding: 15px 50px 15px 20px;
  background-color: #ffffff;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.04);
  border-radius: 8px;
  margin-bottom: 20px;
}

.kctx-center .item_a .box_a_item .label {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  color: #333333;
}

.kctx-center .item_a .box_a_item .text {
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  margin-top: 4px;
}

.kctx-center .item_a .box_b {
  margin-top: 20px;
}

.kctx-center .item_a .box_b_item {
  font-size: 20px;
  font-weight: bold;
  color: #595bb2;
  padding-left: 22px;
  background-image: url("/home_static/image/2020-12-29/icon_sys_1.png");
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 1;
  margin-bottom: 30px;
}

.kctx-center .item_a .box_c {
  margin-top: 45px;
  text-align: right;
}

.kctx-center .item_a .box_c button {
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  height: 60px;
  background-image: linear-gradient(18deg, #a8b8ee 0%, #d7e1fe 100%);
  box-shadow: 0px 10px 24px 0px rgba(89, 91, 178, 0.24);
  border-radius: 8px;
  font-size: 18px;
  letter-spacing: 1.8px;
  color: #ffffff;
  text-shadow: 2px 3.5px 4px rgba(89, 91, 178, 0.24);
}

/* --- item_a end */

/* --- item_b strart */
.kctx-center .item_b {
  margin-top: 30px;
}

.kctx-center .item_b .box_a {
  padding: 18px 20px;
  background-color: #ffffff;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.04);
  border-radius: 8px;
  font-size: 0;
}

.kctx-center .item_b .box_a .icon_img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 24px;
}

.kctx-center .item_b .box_a .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 24px;
  margin-left: 12px;
}

.kctx-center .item_b .box_a .text_label {
  color: #a39ce1;
}

.kctx-center .item_b .box_b {
  margin-top: 20px;
  background-color: #ffffff;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.04);
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}

.kctx-center .item_b .box_b img {
  display: inline-block;
}

.kctx-center .item_b .box_c {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.kctx-center .item_b .box_c_item {
  width: 340px;
  background-color: #ffffff;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.04);
  border-radius: 8px;
  padding: 10px 20px 15px 20px;
}

.kctx-center .item_b .box_c_item .lable {
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #a39ce1;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-left: 30px;
}

.kctx-center .item_b .box_c_item:nth-child(1) .lable {
  background-image: url("/home_static/image/2020-12-29/icon_sys_2-2.png");
}

.kctx-center .item_b .box_c_item:nth-child(2) .lable {
  background-image: url("/home_static/image/2020-12-29/icon_sys_2-3.png");
}

.kctx-center .item_b .box_c_item .text {
  font-size: 14px;
  line-height: 21px;
  color: #333333;
  margin-top: 10px;
}

.kctx-center .item_b .box_d {
  margin-top: 30px;
  text-align: right;
}

.kctx-center .item_b .box_d button {
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  height: 60px;
  background-image: linear-gradient(90deg, #a39ce1 0%, #e3e0fe 100%);
  box-shadow: 0px 10px 24px 0px rgba(105, 110, 199, 0.24);
  border-radius: 8px;
  font-size: 18px;
  letter-spacing: 1.8px;
  color: #ffffff;
  text-shadow: 2px 3.5px 4px rgba(105, 110, 199, 0.24);
}

/* --- item_b end */

/* --- item_c start */
.kctx-center .item_c {
  margin-top: 30px;
}

.kctx-center .item_c .box_a_item {
  padding: 25px 100px 25px 25px;
  background-color: #ffffff;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.04);
  display: flex;
  align-items: center;
}

.kctx-center .item_c .box_a_item:not(:last-child) {
  margin-bottom: 25px;
}

.kctx-center .item_c .icon_img {
  display: block;
}

.kctx-center .item_c .context {
  margin-left: 35px;
}

.kctx-center .item_c .lable {
  font-size: 22px;
  font-weight: bold;
  color: #70cbe8;
}

.kctx-center .item_c .text {
  font-size: 18px;
  color: #333333;
  margin-top: 10px;
}

.kctx-center .item_c .box_b {
  margin-top: 30px;
  text-align: right;
}

.kctx-center .item_c .box_b button {
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  height: 60px;
  background-image: linear-gradient(18deg, #a3ddf1 0%, #c8e8f3 100%);
  box-shadow: 0px 10px 24px 0px rgba(112, 203, 232, 0.24);
  border-radius: 8px;
  font-size: 18px;
  letter-spacing: 1.8px;
  color: #ffffff;
  text-shadow: 2px 3.5px 4px rgba(89, 91, 178, 0.24);
}

/* --- item_c end */

/* --- 课程体系 --- end */

/* --- 羊驼教研团队 --- start */
.jytd {
  background-color: #ffffff;
}

.jytd-center {
  margin-top: 40px;
  background-image: url("/home_static/image/2020-12-29/pic_bg_3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.jytd-center-top {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.jytd-center-top .jct_l {
  flex-shrink: 0;
  width: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.jytd .teacher_list {
  width: 100%;
  height: 100%;
  position: relative;
}

@keyframes opacity_show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes opacity_hide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.jytd .teacher_list .list_item {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  animation: opacity_hide 0.3s;
}

.jytd .teacher_list .list_item.active {
  opacity: 1;
  position: relative;
  z-index: 2;
  animation: opacity_show 0.3s;
}

.jytd .teacher_list .item_avatar {
  width: 100%;
  height: 100%;
}

.jytd .teacher_list .item_avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jytd .teacher_list .list_item .context {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(
    rgba(89, 91, 178, 0.4),
    rgba(89, 91, 178, 1)
  );
  padding: 10px;
}

.jytd .teacher_list .list_item .teacher_name {
  line-height: 1;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  transform: translateY(-100%);
}

.jytd .teacher_list .list_item .label_pc {
  line-height: 1;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}

.jytd .teacher_list .list_item .label_m {
  display: none;
}

.jytd .teacher_list .list_item .text {
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
  color: #ffffff;
  margin-top: 15px;
}

.jytd .teacher_list .list_item .lilian_text {
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  color: #ffffff;
  margin-top: 5px;
}

.jytd-center-top .jct_l-list {
  flex-shrink: 0;
  height: 80px;
  background-color: #595bb2;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 5px;
}

.jytd-center-top .jct_l-list .list_item {
  width: 60px;
  height: 60px;
  border: solid 2px transparent;
}

.jytd-center-top .jct_l-list .list_item.active {
  border-color: #ffffff;
}

.jytd-center-top .jct_l-list .list_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jytd-center-top .jct_r {
  width: 100%;
  font-size: 0;
  background-image: url(/images/right-img.png);
}

.jytd-center-top .jct_r_item {
  display: inline-block;
  vertical-align: middle;
  width: 105px;
  height: 116px;
  overflow: hidden;
  padding: 1px;
  position: relative;
}

.jytd-center-top .jct_r_item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.jytd-center-top .jct_r_item.active::after {
  display: none;
}

.jytd-center-top .jct_r_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jytd-center-bottom {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.jytd-center-bottom .jcb_l {
  flex-shrink: 0;
  width: 360px;
  background-color: #595bb2;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.jytd-center-bottom .jcb_l .text {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  padding-left: 45px;
}

.jytd-center-bottom .jcb_r {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.jytd-center-bottom .jcb_r_item {
  height: 180px;
}

.jytd-center-bottom .jcb_r_item img {
  display: block;
  width: auto;
  height: 100%;
}

/* --- 羊驼教研团队 --- end */

/* --- 备考APP --- start */
.bkapp {
  padding-top: 80px;
  padding-bottom: 20px;
  max-width: 100%;
  overflow: hidden;
  background-color: #f5f7fa;
}

.bkapp-left {
  width: 490px;
  position: relative;
  z-index: 2;
}

.bkapp-right {
  width: 710px;
}

.bkapp-right img {
  display: block;
  position: relative;
  left: -10px;
}

.bkapp-info {
  width: 480px;
  background-color: #7475bc;
  border-radius: 10px;
  padding: 15px;
  margin-top: 50px;
  margin-left: 10px;
}

.bkapp-info p {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #ffffff;
}

.bkapp-button {
  margin-left: 10px;
  margin-top: 30px;
}

.bkapp-btn1 {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-color: #101010;
  display: inline-flex;
  height: 30px;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  padding: 0 10px;
}

.bkapp-btn2 {
  height: 40px;
  line-height: 40px;
  background-color: #595bb2;
  border-radius: 20px;
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  cursor: pointer;
  text-align: left;
  padding: 0 25px;
}

.bkapp-btn2:hover {
  color: #ffffff;
}

.bkapp-btn2 img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -2px;
  transition: all 0.2s;
}

.bkapp-btn2:hover img {
  margin-left: 25px;
}

/* --- 备考APP --- end */

/* --- 关于羊驼 --- start */
.gyyt {
  background-color: #f5f7fa;
  padding-top: 40px;
  margin-bottom: 80px;
  background-image: url("/home_static/image/2020-12-29/pic_bg_4.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}

.gyyt .title_a {
  line-height: 1;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin-top: 50px;
}

.gyyt .list_a {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.gyyt .list_a .item {
  display: block;
  width: 380px;
  box-shadow: 0px 8px 8px 0px rgba(89, 91, 178, 0.08);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s;
}

.gyyt .list_a .item:hover {
  transform: translateY(-10px);
}

.gyyt .list_a .item img {
  display: block;
  width: 100%;
  height: 210px;
}
.gyyt .list_a .item .describe {
  padding: 10px 0 25px 0;
  text-align: center;
}
.gyyt .list_a .item .describe p.item_title {
  font-weight: Bold;
  font-size: 24px;
  letter-spacing: 0px;
  color: #595bb2;
  margin: 0;
}
.gyyt .list_a .item .describe p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 13px;
}
.gyyt .title_b {
  line-height: 1;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin-top: 45px;
}

.bd-list_m {
  display: none;
}

.baodao_content {
  position: relative;
}

.bd-banner {
  padding-top: 35px;
  padding-bottom: 20px;
}

.bd-banner .swiper-slide {
  width: 280px;
  background-color: #ffffff;
  box-shadow: 0px 12px 12px 0px rgba(89, 91, 178, 0.1);
  border-radius: 8px;
  overflow: hidden;
  margin-right: 25px;
  transition: transform 0.3s;
}

.bd-banner .swiper-slide:hover {
  transform: translateY(-10px);
}

.bd-banner .swiper-slide .slide_img {
  display: block;
  width: 100%;
  height: auto;
}

.bd-banner .swiper-slide .slide_context {
  width: 100%;
  height: 104px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.bd-banner .swiper-slide .slide_context .text {
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  text-align: center;
}

.baodao_content .bd-prev {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  margin: auto;
  margin-left: -30px;
  pointer-events: auto;
  cursor: pointer;
  background-image: url("/home_static/image/2020-12-29/arrow_left_2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.baodao_content .bd-prev:hover {
  background-image: url("/home_static/image/2020-12-29/arrow_left_1.png");
}

.baodao_content .bd-next {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  margin: auto;
  margin-right: -30px;
  pointer-events: auto;
  cursor: pointer;
  background-image: url("/home_static/image/2020-12-29/arrow_right_2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.baodao_content .bd-next:hover {
  background-image: url("/home_static/image/2020-12-29/arrow_right_1.png");
}

/* --- 关于羊驼 --- end */

/* 底部广告条 */
.foot-ad {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
}

.foot-ad-content {
  width: 90%;
  max-width: 1440px;
  margin: auto;
  position: relative;
}

.foot-adcontent-img-pc {
  display: block;
  width: 100%;
}

.foot-adcontent-img-m {
  display: none;
}

.close_ads {
  display: block;
  width: 18px;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
}