.tabs {
    position: relative;
    padding-left: 0rpx;
    padding-right:0rpx;
    padding-bottom: -5rpx;
    margin-right: 10rpx;
    display: flex;
}

.tabs__nav {
    position: relative;
    padding-bottom: 16rpx;
    padding-right: 16rpx;
    margin-right: 50rpx;
    font-size: 28rpx;
    font-weight: bold;
    line-height: 58rpx;
    flex-shrink: 0;
    transition: all 0.6s ease;
    color: #fff;
    padding-top: 10rpx;
}

.tabs__nav.active {
    font-weight: bold;
    font-size: 35rpx;
    color: #42add5;
}

.tabs__nav:first-child {
    margin-left: 20rpx;
}

.tabs__navs__wrap {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.tabs__navs__wrap .activeIndicator {
    width: 80rpx!important;
    height: 6rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    position: absolute;
    vertical-align:baseline ;
    bottom: 10rpx;
    left: 0rpx;
    /**border-radius: 24rpx;**/
    background: linear-gradient(to right,#fff,#4d9ee9)!;
    /**box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 26, 255, 0.39);**/
    transition: all 1s ease-in-out;
}

.gototype {
      position: relative;
    padding-bottom: 16rpx;
display: flex;
    flex-shrink: 0;
    color: #fff!important;
    padding-top: 10rpx;
      font-size: 28rpx;
    font-weight: bold;
    line-height: 58rpx;
   
   height: 100%;
   padding-left:10rpx;
padding-right:0rpx;
margin-right: 0rpx;

   box-shadow: -12rpx 0rpx 10rpx -10rpx rgba(27, 27, 27, 0.39);
}
.gototype .image{
      position: relative;
    margin-right: 0rpx;  
margin: 12rpx 10rpx 0rpx 10rpx;
   width:36rpx; 
   height: 36rpx;
background-repeat: no-repeat;
  background-size: 100%;
background-image: url(data:image/png;base64,[encoded data, 7520 characters]);
 
 
}
