.slider {
    background-color: #fff;
    /*width: 278px;*/
    /*height: 285px;*/
    width: 330px;
    height: 338px;
    z-index: 999;
    box-sizing: border-box;
    /*padding: 9px;*/
    border-radius: 6px;
    /*box-shadow: 0 0 11px 0 #999999;*/
}
.slider{
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    margin: 0px auto;
}
#slider{
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    overflow: visible;
}
#slider .modal-dialog{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*position: relative;*/
    /*margin-top: 40%;*/
}
.modal-content{
    border-radius:6px ;
    background-color: #fff;
    border: 0 solid;
}
#slider .modal-header{
    border-bottom: 1px solid transparent ;
}

.slider .content {
    width: 100%;
    /*height: 159px;*/
    height: 200px;
    position: relative;
}

.bg-img-div {
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translate(0px, 0px);
}

.slider-img-div {
    height: 100%;
    position: absolute;
    transform: translate(0px, 0px);
}

.bg-img-div img {
    width: 100%;
}

.slider-img-div img {
    height: 100%;
}

.slider .slider-move {
    height: 60px;
    width: 100%;
    margin: 11px 0;
    position: relative;
}

.slider .bottom {
    height: 19px;
    width: 100%;
}

.refresh-btn, .close-btn, .slider-move-track, .slider-move-btn {
    /*background: url() no-repeat;*/
}

.slider-move-track, .slider-move-btn {
    /*background: url("../images/captcha/btn5.png") no-repeat;*/
}
#slider-move-btn-img{
    background: url("../images/captcha/btn5.png") no-repeat center;
    background-size: 28px;
    width: 100%;
    height: 100%;
}

.refresh-btn {
    background: url("../images/captcha/refesh.png") no-repeat;
    background-size: 20px 20px;

}

.refresh-btn, .close-btn {
    display: inline-block;
}

.slider-move .slider-move-track {
    line-height: 44px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: #88949d;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.slider-move .slider-move-track {
    background: rgb(244, 245, 246);
    box-sizing: border-box;
}

.slider {
    user-select: none;
}

.slider-move .slider-move-btn {
    transform: translate(0px, 0px);
    background-position: -5px 11.79625%;
    position: absolute;
    top: -12px;
    left: 0;
    width: 66px;
    height: 66px;
}

.slider-move-btn:hover, .close-btn:hover, .refresh-btn:hover {
    cursor: pointer
}

.bottom .close-btn {
    width: 20px;
    height: 20px;
    background-position: 0 44.86874%;
}

.bottom .refresh-btn {
    width: 20px;
    height: 20px;
    background-position: 0 81.38425%;
}

/* 滑块 */
#slider .slider-move {
    height: 34px;
    width: 100%;
    margin: 11px 0;
    position: relative;
}

#slider .slider-move-track {
    position: relative;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #f5f5f5;
    color: #999;
    transition: 0s;
    font-size: 14px;
    box-sizing: content-box;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
}

#slider .slider-move .slider-move-track {
    line-height: 44px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: #88949d;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    filter: opacity(.8);
}

#slider #slider-move-track-mask {
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5;
    width: 0;
    height: 44px;
    background-color: #f5f5f5;
    opacity: .5;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 5px;
}

#slider .slider-move-shadow {
    animation: myanimation 2s infinite;
    height: 100%;
    width: 5px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    filter: opacity(0.5);
    box-shadow: 1px 1px 1px #fff;
    border-radius: 50%;
}

#slider .slider-move-shadow {
    animation: myanimation 2s infinite;
    height: 100%;
    width: 5px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    filter: opacity(0.5);
    box-shadow: 1px 1px 1px #fff;
    border-radius: 50%;
}

#slider.captcha-rotate2 .slider-move-shadow {
    animation: rotate2_myanimation 2s infinite;
    height: 100%;
    width: 5px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    filter: opacity(0.5);
    box-shadow: 1px 1px 1px #fff;
    border-radius: 50%;
}

#slider .slider-move .slider-move-btn {
    transform: translate(0px, 0px);
    position: absolute;
    top: 3px;
    left: 0;
    width: 64px;
    height: 40px;
    /*background-color: #fff;*/
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
}

.slider-move-track{
    text-align: center;
    color: rgb(153, 153, 153);
    background: rgb(244, 245, 246);
    box-sizing: border-box;
}

#slider-move-btn{
    position: absolute;
    z-index: 2;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px 0px;
    top: 0.02em;
    width: 64px;
    height:40px;
    cursor: pointer;
    border-radius: 4px;
}

#slider .bottom{
    margin-top: 25px;
    position: relative;
}

#slider  .refresh-txt{
    position: absolute;
    top: 50%;
    left: 12%;
    transform: translate(-50%, -50%);

}

#slider-refresh-btn:hover {
    cursor: pointer;
}

#slider #slider-move-track-mask{
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 4px 0px 0px 4px;
    background-color: rgb(64, 191, 129);
}

#captcha-tips{
    height: 25px;
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 999;
    font-size: 15px;
    line-height: 25px;
    /*background-color: #FF5D39;*/
    color: #fff;
    text-align: center;
    /* transform: translateY(0px); */
    /* display: none; */
    /* transition: max-height 0.5s; */
    transition: bottom .3s ease-in-out;
}

#captcha-tips.captcha-tips.captcha-tips-error{
    background-color: #FF5D39;
}
#captcha-tip.captcha-tips.captcha-tips-success{
    background-color: #39C522;
}
#captcha-tip.captcha-tips.captcha-tips-on{
    bottom: 0;
}