html, body {
        width: 100%;
        height: 100%;
      }
      #msg {
          width: 100%;
          line-height: 40px;
          font-size: 14px;
          text-align: center;
      }

      a:link,
      a:visited,
      a:hover,
      a:active {
          margin-left: 100px;
          color: #0366D6;
      }
      .ctct-slider-canvas{
          border-radius: 10px;
      }

      .ctct-slider-block {
          position: absolute;
          left: 0;
          top: 0;
      }
      .puzzle-vcode{
          display: none; /* 默认隐藏 */  
          position: fixed; /* 固定定位 */  
          z-index: 1; /* 置于顶层 */  
          left: 0;  
          top: 0;  
          width: 100%; /* 宽度占满屏幕 */  
          height: 100%; /* 高度占满屏幕 */
          background-color: rgba(0, 0, 0, 0.3);
          z-index: 999;
      }


      .jigsaw_wrapper{
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          padding: 20px;
          background: #fff;
          user-select: none;
          border-radius: 20px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
      }

      .sliderContainer {
          position: relative;
          text-align: center;
          width: 310px;
          height: 40px;
          line-height: 40px;
          margin-top: 15px;
          background: #f7f9fa;
          color: #45494c;
          /* border: 1px solid #e4e7eb; */
          border-radius: 20px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);   
      }

      .sliderContainer_success .sliderIcon {
          background-position: 0 0 !important;
      }

      .sliderContainer_fail .sliderIcon {
          background-position: 0 -83px !important;
      }

      .sliderContainer .sliderText{
          font-size: 14px;
          color: #b7bcd1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: center;
          width: 100%;
          background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          animation: animate 1.5s infinite;
          -webkit-animation: animate 1.5s infinite;
      }

      .info-box_ {
          position: absolute;
          bottom: 64px;
          left: 0;
          width: 310px;
          height: 24px;
          line-height: 24px;
          text-align: center;
          overflow: hidden;
          font-size: 13px;
          background-color: #83ce3f;
          opacity: 0;
          transform: translateY(24px);
          transition: all 200ms;
          color: #fff;
          z-index: 10;
      }
      .info-box_.show {
          opacity: 0.95;
          transform: translateY(0);
      }

      .info-box_.fail {
          background-color: #ce594b;
      }

      @-webkit-keyframes animate {
          from {
              background-position: -100px;
          }
          to {
              background-position: 100px;
          }
      }
          
      @keyframes animate {
          from {
              background-position: -100px;
          }
          to {
              background-position: 100px;
          }
      }

      .sliderContainer_active .sliderText,
      .sliderContainer_success .sliderText,
      .sliderContainer_fail .sliderText {
          display: none;
      }

      .sliderMask {
          position: absolute;
          left: 0;
          top: 0;
          height: 40px;
          border: 0 solid #1991FA;
          /* background: #D1E9FE; */
      }

      .slider {
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          display: flex;
          background: #fff;
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          transition: background .2s linear;
          border-radius: 3px;
          cursor: pointer;
          box-shadow: inset 0px -2px 4px rgba(0, 36, 90, 0.2), inset 0px 2px 4px rgba(194, 219, 255, 0.8);
          border-radius: 50%;
      }

      .slider> div{
          width: 0;
          height: 40%;
          transition: all 200ms;
          border: solid 1px #6aa0ff;
      }
      .slider:hover > div:first-child {
          border: solid 4px transparent;
          height: 0;
          border-right-color: #6aa0ff;
      }

      .slider:hover>    div:nth-child(2) {
          border-width: 3px;
          height: 0;
          border-radius: 3px;
          margin: 0 6px;
          border-right-color: #6aa0ff;
      }

      .slider:hover > div:nth-child(3) {
          border: solid 4px transparent;
          height: 0;
          border-left-color: #6aa0ff;
      }

      .slider:hover .sliderIcon {
          background-position: 0 -13px;
      }

      .sliderIcon {
          position: absolute;
          top: 15px;
          left: 13px;
          width: 14px;
          height: 10px;
          /* background: url(/dm-1ae9b4e3900a97cd/about/style/KLUv_SAkIQEAaHR0cHM6Ly93d3cuMTE5Lmdvdi5jbi9pbWdzL2xvZ28ucG5n) 0 -26px; */
          background-size: 34px 471px;
      }

      .refreshIcon {
          position: absolute;
          right: 6px;
          top: 6px;
          width: 34px;
          height: 34px;
          cursor: pointer;
          /* background: url(/dm-1ae9b4e3900a97cd/webinars/style/KLUv_SAhCQEAaHR0cHM6Ly93d3cuMTE5Lmdvdi5jbi9pbWcvdGIucG5n) 0 -437px; */
          background-size: 34px 471px;
      }