page {
  height: 100%;
  font-size: 32rpx;
  line-height: 1.6;
}
.container{
  width: 100vw;
}
.page-body{
  padding-top: 30rpx;
  background: #ffffff;
}
.page-section{
  width: 100%;
  margin-bottom: 60rpx;
}
.page-section_center{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-section:last-child{
  margin-bottom: 0;
}
.page-section-gap{
  box-sizing: border-box;
  padding: 0 30rpx;
}
.page-section-spacing{
  box-sizing: border-box;
  padding: 0 20rpx;
}
.page-section-title{
  font-size: 28rpx;
  color: #999999;
  margin-bottom: 10rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
}
.page-section-gap .page-section-title{
  padding-left: 0;
  padding-right: 0;
}

.demo-text-1{
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #1AAD19;
  color: #FFFFFF;
  font-size: 36rpx;
}
.demo-text-1:before{
  content: 'A';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.demo-text-2{
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #2782D7;
  color: #FFFFFF;
  font-size: 36rpx;
}
.demo-text-2:before{
  content: 'B';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.demo-text-3{
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #F1F1F1;
  color: #353535;
  font-size: 36rpx;
}
.demo-text-3:before{
  content: 'C';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

button{
  margin-bottom: 30rpx;
}
button:last-child{
  margin-bottom: 0;
}
.page-section-title{
  padding: 0;
}
.swiper-item{
  display: block;
  height: 300rpx;

}
.banner {
  overflow: hidden;
  height: 300rpx;
  display: flex;
  width: 100%;
  border-radius: 16rpx;
}
.dots {
  display: flex;
  justify-content: center;
  padding-bottom: 10rpx;
}

.dots .dot {
  width: 22rpx;
  height: 16rpx;
  border-radius: 8rpx;
  margin-left: 10rpx;
  background: #D2D5DA;
  transition: all .3s;
}

.dots .dot.active {
  width: 40rpx;
  background-image: linear-gradient(90deg, #FC5555 58%, #FC5555 100%);
}
.page-section-title{
  margin-top: 60rpx;
  position: relative;
}
.info{
  position: absolute;
  right: 0;
  color: #353535;
  font-size: 30rpx;
}
.page-foot{
  margin-top: 50rpx;
}
swiper{  
  height: 320rpx; 
}  



.tab-view{
  height: 98rpx;
  width: 100wh;
  background-color: #FFFFFF;
  margin-top: 30rpx;
}
.wux-tabs__tab {
  font-size:32rpx!important;
  color: #8393A0!important;
}
.wux-tabs__tab--current {
  color:#333333!important;
  font-weight: bold;
  font-size: 40rpx!important;
}
.wux-tabs__tab-bar{
  background: #FB3535!important;
  height: 10rpx!important;
  border-radius: 6rpx!important;
  margin-top: -40rpx!important;
  width: 80%!important;
  margin-left: 10%!important;
}
.top{
  position: absolute;
  width: 200rpx;
  height: 80rpx;
  right: 20rpx;
  margin-top: -80rpx;
}
.toptxt{
  color: #8393A0;
  line-height: 80rpx;
}
.imgtop{
  width: 44rpx;
  height: 32rpx;
  float: left;
  margin-top: 28rpx;
  margin-right: 10rpx;
}
.topimg{
  float: left;
  width: 44rpx;
  height: 32rpx;
}