.sliding-img-check-box{position:absolute;bottom:55px;left:49%;transform:translateX(-50%);text-align:center;background-color: #242f53;box-shadow: 0 5px 20px rgba(14,106,231,0.15);visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid #3d5595;}
    .sliding-img-check-box>div:last-child{margin-bottom: 10px;}
    .sliding-img-check-box>.close{position: absolute;right:16px;top: 16px;cursor: pointer;font-size: 16px;z-index: 1;color: #fff;}
    .sliding-img-display{position:relative;padding: 10px 20px 0;border-radius:16px;overflow:hidden;margin:auto;}
    .sliding-img-display>p{text-align: left;line-height: 35px;font-size: 12px;color: #fff; margin-bottom: 20px;
        display: flex;align-items: baseline;}
    .sliding-img-cnt{position:relative;width: 240px;height: 160px}
    .sliding-img-src,.sliding-img-fragment-hollow{position:absolute;left:0;top:0;z-index:10}
    .sliding-img-src{position:static !important;border-radius: 0 !important;}
    .sliding-img-fragment-cnt{left:0;position:absolute;width:38px;height:42px;border-radius: 0;top: 50px;}
    .sliding-img-fragment-cnt .sliding-img-fragment-content,.sliding-img-fragment-cnt .sliding-img-fragment{position:absolute;left:0;z-index:20}
    .sliding-smooth-cnt{position:relative;width:240px;height: 40px;margin: 0 auto;border-radius:24px;}
    .sliding-smooth-bar,.sliding-smooth-circle{position:relative;top:50%;transform:translateY(-50%)}
    .sliding-smooth-bar{width:100%;height:10px;background-color:#e4e4e4;border-radius:24px}
    .sliding-smooth-circle{position:absolute;width: 52px;height:30px;background-color: #306af4;border-radius: 30px;box-shadow: 0 0 6px 0 #306af4;cursor:pointer;padding: 10px 14px;box-sizing: border-box;}
    .sliding-smooth-circle span{float: left;display: block;width: 2px;height: 10px;background-color: #fff;margin: 0 3px;}
    .sliding-smooth-circle span:last-child{margin-right: 0}
    .sliding-icon-refresh{display:block;position:relative;cursor:pointer;font-size: 12px;color: #fff;margin-top: 5px;}
    .sliding-icon-refresh span{position: relative;top:1px }
    .sliding-loadding{background-color: #242f53;position: absolute;top:0;left:0;width: 100%;height: 100%;display: none;z-index: 99;padding:60px 0;box-sizing: border-box;color:#fff}
    .sliding-loadding img{position: static !important;width: 32px !important;height: 32px !important;border-radius: 0}

    .sliding-btn{height: 42px;background-color: rgba(64,81,128,0.7);border-radius: 20px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .sliding-btn:before{content:'向右拖动滑块';display:block;line-height: 42px;text-align: center;color: #3083f4;font-size: 14px;}
    .sliding-btn.success{background-color: #44cb77;color:#fff}
    .sliding-btn.success >*{display: none}
    .sliding-btn.success:before{content:'验证成功';color:#fff;padding-left: 20px;}
    .sliding-btn.success:after{content:'\e61c';color:#fff;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:-1px;line-height: 45px;text-align: center;margin-left: -35px;}
    .sliding-btn.error:before{content:'验证失败';color:#f4583f;padding-left: 20px;}
    .sliding-btn.error:after{content:'\e6b2';color:#f4583f;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:-1px;line-height: 45px;text-align: center;margin-left: -35px;}
    .sliding-btn .sliding-smooth-bar{width:0;height: 36px;position: absolute;left: 3px;bottom:3px;background-color: #4a8ff9;border-radius:25px;z-index: 9}
    .sliding-btn .sliding-smooth-circle{width: 50px;height: 36px;border-radius: 20px;box-shadow: 0 0 10px rgba(14,106,231,0.15);background-color: #3083f4;z-index: 9;left: 3px;}
    .sliding-btn .sliding-smooth-circle i{position: absolute;left: 15px;top: 11px;color:#d4d9dc;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .sliding-btn .sliding-smooth-circle i:nth-child(2){left: 22px;}
    .sliding-btn .sliding-smooth-circle.moving{background-color: #fff}
    .sliding-btn .sliding-smooth-circle.moving i{color:#8bb8ff;animation: moving 1s infinite}
    .sliding-btn .sliding-smooth-circle.moving i:nth-child(2){animation-delay: 1s}

    .sliding-btn[data-disabled=true]{opacity: .6}
    .sliding-btn[data-disabled=true]:before{content:'暂不可拖动';color:#d6d5d5}
    .sliding-btn[data-disabled=true]:after{display: none}
    .sliding-btn[data-disabled=true] .sliding-smooth-circle{opacity: .6}

    .close:before,.close:after {display: none;}
    .close {background-color: transparent;}

    .iconfont {
        fill: #fff;
    }
    .sliding-icon-refresh svg {
        width: 14px;
        height: 14px;
    }
    @keyframes moving {
        0%{
            color:#4a8ef9
        }
        50%{
            color:#8bb8ff;
        }
        100%{
            color:#4a8ef9
        }
    }
    .notclick { pointer-events: none; }