/* line 17, ../sass/style.scss */
.o-sliderContainer {
  background: var(--banner-color);
  border-radius:5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 200px;
  float: left; 
  height: auto;
  margin: 0 0 15px 0;
}
/* line 27, ../sass/style.scss */
.o-sliderContainer.hasShadow {
  box-shadow: 0 39px 22px -29px rgba(0, 0, 0, 0.2);
}
/* line 31, ../sass/style.scss */
.o-sliderContainer:hover .o-slider-next {
  right: 0;
}
/* line 34, ../sass/style.scss */
.o-sliderContainer:hover .o-slider-prev {
  left: 0;
}

/* line 39, ../sass/style.scss */
.o-slider--item {
  height: auto;
  width: 0;
  background-position:top right;
  background-repeat:no-repeat;
  background-size:60%;
  position: relative;
  float: left;
  opacity: 0.6;
  transform: scale(1, 1);
  transform-origin: center center;
  z-index: 99;
}
 
/* line 65, ../sass/style.scss */
.o-slider--item.isActive {
  opacity: 1;
  transform: scale(1, 1);
}
/* line 69, ../sass/style.scss */
.o-slider--item.isMoving {
  opacity: 1;
  transform: scale(1, 1);
  z-index: 100;
}

/* line 76, ../sass/style.scss */
.o-slider {
  width: auto;
  position: relative;
  display: none;
}
/* line 81, ../sass/style.scss */
.o-slider.isVisible {
  display: table;
}
/* line 86, ../sass/style.scss */
.o-slider.isDraggable {
  cursor: move;
}

/* line 91, ../sass/style.scss */
.o-slider-textWrap {
  left:3.5%;
  bottom:35px;
  height: auto;
  position: absolute;
  text-align: left;
  padding: 0 0 0 0;
  width: 96%;
  transition: all 0.4s;
  opacity: 1;
  overflow: visible;
  perspective: 1000px;
  z-index: 2;
}

/* line 107, ../sass/style.scss */
.isActive .o-slider-textWrap::after {
  width: 100%;
  left: 0;
}
/* line 112, ../sass/style.scss */
.isActive .o-slider-paragraph {
  opacity: 1;
  transform: perspective(0) rotateY(0) translate(0, 0);
  transform-origin: 0 0;
  transition-delay: 1s;
}
/* line 119, ../sass/style.scss */
.isActive .o-slider-img {
  opacity: 1;
  transform: perspective(0) rotateY(0) translate(0, 0);
  transform-origin: 0 0;
  transition-delay: 0.2s;
}
.isActive .o-slider-title {
  opacity: 1;
  transform: perspective(0) rotateY(0) translate(0, 0);
  transform-origin: 0 0;
  transition-delay: 0.2s;
}
/* line 126, ../sass/style.scss */
.isActive .o-slider-subTitle {
  opacity: 1;
  transform: perspective(0) rotateY(0) translate(0, 0);
  transform-origin: 0 0;
  transition-delay: 0.6s;
}

/* line 155, ../sass/style.scss */

.o-slider-img {
  display:block;
  float:left;
  padding: 0;
  transition: all 0.4s;
  transform-origin: 0 0;
  transform: perspective(1000px) rotateY(120deg) translate(100px, -100px);
  opacity: 0;
  position: relative;
  z-index: 1;
  width:60px;
}

.o-slider-img img{
  width:60px; height:60px; border-radius:60px;
}

.o-slider-wenzi {
  margin: 0 0 5px 0;
    display:block;
  float:left;
}

.o-slider-title {
  width: auto;
  margin: 0 0 0 10px;
  height: auto;
  color: var(--bannero-color);
  font-size: 0.7rem;
  display:block;
  padding:5px 0 0 0;
  transition: all 0.4s;
  transform-origin: 0 0;
  transform: perspective(1000px) rotateY(120deg) translate(100px, -100px);
  opacity: 0;
  position: relative;
  z-index: 1;
}

/* line 172, ../sass/style.scss */


.o-slider-subTitle {
  width: auto;
  margin: 0 0 0 10px;
  height: auto;
  color: var(--bannert-color);
  font-size: 1rem;
  display:block;
  padding: 0;
  transition: all 0.4s;
  transform-origin: 0 0;
  transform: perspective(1000px) rotateY(120deg) translate(100px, -100px);
  opacity: 0;
  position: relative;
  z-index: 1;
  font-size: 0.95rem;
}

/* line 190, ../sass/style.scss */
.o-slider-paragraph {
  width: auto;
  margin: 0 0 0 0;
  height: auto;
  color: var(--banners-color);
  display: inline-block;
  padding: 0;
  transition: all 0.4s;
  transform-origin: 0 0;
  transform: perspective(1000px) rotateY(120deg) translate(100px, -100px);
  opacity: 0;
  position: relative;
  z-index: 1;
  font-size: 0.7rem;
  max-width: 50%;
}

@media screen and (min-width: 768px) {
  /* line 211, ../sass/style.scss */
  .o-slider-textWrap {
    left: 5%;
    width: 90%;
  }

  /* line 216, ../sass/style.scss */
  .o-slider-title {
    font-size: 0.7rem;
  }

  /* line 220, ../sass/style.scss */
  .o-slider-subTitle {
    font-size: 1rem;
  }

  /* line 224, ../sass/style.scss */
  .o-slider-paragraph {
    max-width: 60%;
    font-size: 1rem;
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  /* line 232, ../sass/style.scss */
  .o-slider-pagination {
    bottom: 6%;
  }

  /* line 234, ../sass/style.scss */
  .o-slider-textWrap {
    left: 70px;
    width: 80%;
    bottom: 120px;
  }

  /* line 240, ../sass/style.scss */
  .o-slider-title {
    font-size:0.8rem;
  }

  /* line 244, ../sass/style.scss */
  .o-slider-subTitle {
    font-size: 1.2rem;
  }

  /* line 248, ../sass/style.scss */
  .o-slider-paragraph {
    max-width: 40%;
    font-size: 1.1rem;
  }
}
/* line 299, ../sass/style.scss */
.a-divider {
  display: block;
  width: 100%;
  clear:both;
  margin: 2px 0;
}

/* line 306, ../sass/style.scss */
.o-slider-controls {
  display: none;
}
/* line 309, ../sass/style.scss */
.o-slider-controls.isVisible {
  display: block;
}

/* line 314, ../sass/style.scss */
.o-slider-pagination {
  bottom: 2%;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 888;
  margin: 0;
  padding: 0;
}
/* line 324, ../sass/style.scss */
.o-slider-pagination > li {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 8px;
  width:8px;
  margin-left:5px;
  margin-right:5px;
  transition: all 250ms;
  cursor: pointer;
  background-color:var(--btnb-color);
  z-index: 100;
}
/* line 340, ../sass/style.scss */
.o-slider-pagination > li.isActive {
  background-color:var(--btnh-color);
}

/* line 347, ../sass/style.scss */
.o-slider--preview {
  position: absolute;
  top: -70px;
  right: auto;
  bottom: auto;
  left: -65px;
  opacity: 0;
  width: 140px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  transition: all 250ms;
  z-index: -1;
  border: 3px solid #000;
  transform: scale(0.2, 0.2);
  transform-origin: center bottom;
  display: none;
}
/* line 362, ../sass/style.scss */
.o-slider--preview::before {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -13px;
  left: 50%;
  margin: 0 0 0 -5px;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
}

/* line 374, ../sass/style.scss */
.o-slider--preview.isActive,
.o-slider-pagination li:hover .o-slider--preview {
  opacity: 1;
  position: absolute;
  top: -76px;
  right: auto;
  bottom: auto;
  left: -65px;
  transform: scale(1, 1);
}

@media screen and (min-width: 768px) {
  /* line 384, ../sass/style.scss */
  .o-slider--preview {
    display: block;
  }
}
/* line 389, ../sass/style.scss */
.o-slider-arrows {
  margin: 0;
  list-style: none;
  display: block;
}

/* line 395, ../sass/style.scss */
.o-slider-next,
.o-slider-prev {
  position: absolute;
  top: 0;
  left: 0;
  margin: -12px 0 0;
  width: auto;
  z-index: 1200122;
  padding: 0;
  margin: 0;
  height: 100%;
  list-style: none;
  cursor: pointer;
  text-align: center;
  padding: 10px 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  transition: all 0.4s;
}
/* line 416, ../sass/style.scss */
.o-slider-next i,
.o-slider-prev i {
  position: absolute;
  top: 50%;
  left:8px;
  margin: -12px 0 0;
  text-align: center;
  width: 100%;
  height:40px;
  border-radius:8px;
  line-height:40px;
  background-color:var(--jkuang-color);
  font-size:1rem;
  color:var(--jkwen-color);
}

.o-slider-next i:hover,
.o-slider-prev i:hover{
  background-color:var(--jkuangh-color);
}


/* line 428, ../sass/style.scss */
.o-slider-next {
  left: auto;
  right:15px !important;
}

/* line 433, ../sass/style.scss */
.isDisabled {
  opacity: 1;
  cursor: auto;
}

@media screen and (max-width: 1024px) {
  /* line 445, ../sass/style.scss */
  .o-slider-arrows {
    display: none;
  }

  /* line 449, ../sass/style.scss */
  .o-sliderContainer {
    height: 300px;
    width: 100%;
    margin: 0 0 10px 0;
  }

  /* line 455, ../sass/style.scss */
  .o-slider--item {
    height: 300px;
  }
}
@media screen and (max-width: 768px) {
 
 
  /* line 472, ../sass/style.scss */
  .o-slider-arrows {
    display: none;
  }

  /* line 476, ../sass/style.scss */
  .o-sliderContainer {
    height: 270px;
	margin-top:35px;
  }

  /* line 480, ../sass/style.scss */
  .o-slider--item {
    height: 270px;
  }

  /* line 484, ../sass/style.scss */
  .o-slider-panel img {
    left: -15%;
    width: 130%;
  }
  
  .o-slider-img {
    width:50px;
  }

  .o-slider-img img{
   width:50px; height:50px; border-radius:50px;
  }

}
@media screen and (max-width: 480px) {
  /* line 491, ../sass/style.scss */
  .o-slider--item {
    height: 220px;
	background-position:top right;
  background-repeat:no-repeat;
  background-size:90%;
  }
  /* line 494, ../sass/style.scss */
 

  /* line 500, ../sass/style.scss */
  .o-sliderContainer {
    height: 220px;
	margin-top:35px;
  }
}
/* line 505, ../sass/style.scss */
.slider-pagination > li:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.scneir{
  position: fixed;
  top:35%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 1000; /* 确保在最上层 */
}

.scneir .scimgs{
	line-height:35px; font-size:0.8rem; height:35px; color:#9353d3; text-align:center;
}
.scneir .scinfos{
	line-height:35px; font-size:1.1rem; height:35px; color:#464646; text-align:center;
}
.scneir .scdwens{
	line-height:30px; font-size:0.7rem; height:30px; color:#929292; text-align:center;
}

.beibg{
    top:0;
	left:0;
	position:fixed;
	width:100%;
	height:100%;
	z-index: 1990;
    background:var(--zhubg-color);
}

.beiimg{
    top:50%;
	left:50%;
	position:fixed;
	margin-top:-185px;
	margin-left:-28px;
	width:56px;
	border:3px solid #6f3f90;
	border-radius:56px;
	height:56px;
	z-index: 1992;
}
.beiimg img{width:50px;height:50px;}
.beibs{
    top:50%;
	left:50%;
	position:fixed;
	margin-top:-163px;
	margin-left:-225px;
	width:450px;
	border-radius:15px;
	height:326px;
	z-index: 1991;
	background:var(--zhukz-color);
}
.beibs .beiinfo{
	position:relative;
}
.beibs .beiinfo .beiguan{
	position:absolute; right:18px; top:12px; z-index:1993; font-family:Arial, Helvetica, sans-serif;font-size:1rem;  color:var(--text-secondary);cursor:pointer; font-weight:bold;
}
.beiti{padding:40px 40px 10px 40px; text-align:left; font-size:1.2rem; font-weight:bold;}
.beizw{padding:5px 40px 0 40px; text-align:center; font-size:1.1rem; line-height:2.5rem; }
.beizw span{padding:10px 5px 10px 5px;font-size:1rem; line-height:2.5rem;border-radius:10px;background-color:#ffffff; color:#f04d4d;font-weight:bold;}

.beiyj{padding:0 40px 20px 40px; text-align:center; font-size:1.1rem; line-height:1.5rem; color:var(--text-lneiw); }
.beism{padding:0 40px 20px 40px; text-align:center; font-size:0.9rem; line-height:1.2rem; color:var(--text-secondary); }
.beilist {width:100%; text-align:center;}
.beilist .beilgb {
	line-height:40px;
	font-size:1rem;
	height:40px;
	color:#ffffff;
	text-align:center;
	display:inline-block;
	width:80px;
	border-radius:15px;
	margin-top:5px;
	cursor:pointer;
	background-color:#9353d3;
}
.beilist .beilgb:hover {
	background-color:;
}
.beilist .beilbc {
	line-height:40px;
	font-size:1rem;
	height:40px;
	color:#ffffff;
	text-align:center;
	display:inline-block;
	background-color:#7828c8;
	width:100px;
	border-radius:15px;
	margin-top:5px;
	margin-left:10px;
	cursor:pointer;
}
@media screen and (max-width: 580px) {
  .beibs{
	margin-top:-163px;
	margin-left:-40%;
	width:80%;
	height:326px;

  }
 .beiti{padding:20px 30px 15px 30px;  font-size:1rem;  }
  .beizw{padding:10px 30px 0 30px;  font-size:1rem; line-height:2rem; }
  .beizw span{padding:5px 5px 5px 5px;font-size:1rem; line-height:2rem;  }

  .beiyj{padding:10px 30px 15px 30px;  font-size:1rem; line-height:1.3rem;   }
  .beism{padding:0 30px 20px 30px;  font-size:0.85rem; line-height:1.1rem;  }
}