.helpcon {
  padding: 30rpx 20rpx;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.6) 100%);
  box-shadow: 6rpx 10rpx 27rpx 0rpx rgba(75, 126, 160, 0.6);
  box-sizing: border-box;
  border: 5rpx solid #fff;
  border-radius: 10rpx;
  height: 96%;
  width: 94%;
  margin: 4% 3%;
  position: absolute;
  color: #fff;

  .h_header {
    text-align: center;
    border-bottom: 2rpx solid #fff;
    padding-bottom: 30rpx;
    position: relative;

    >image {
      height: 60rpx;
    }

    .close {
      top: 5rpx;
      right: 10rpx;
      height: 50rpx;
      position: absolute;
    }
  }


  .sw {
    width: 100%;
    min-height: 80%;
    padding: 36rpx 26rpx 0;
    box-sizing: border-box;
    .sw_item {
      width: 100%;
      height: 100%;
  
      >image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .dots{
    text-align: center;
    margin: 4rpx 0 10rpx;
      >text{
      vertical-align: middle;
      display: inline-block;
      width: 15rpx;
      margin: 0 24rpx;
      height: 15rpx;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50%;
    }
    .active{
      background: rgba(255, 255, 255, 1);
    }
  }

  .h_detail {
    margin-top: 20rpx;
    width: 90%;
    margin: 0 auto;
    text-indent: 48rpx;
    font-size: 24rpx;
    line-height: 1.5;
  }
}