/*按钮*/
body{width:100%;overflow-x:hidden;}


.clear{clear: both;}
.verfcode_msg_ok,.verfcode_msg_error{position:absolute;top:136px;left:10px;width:240px;height:20px;color:#fff;margin:0;padding:0 10px;overflow:visible;background-position: 0px 0px;font-size:14px;opacity:0;filter: alpha(opacity=0);z-index:10000;}
.verfcode_msg_ok{background-color:#24C628;}
.verfcode_msg_error{background-color:#DE5145;}
.verfcode_wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,0.5);opacity:0.3;filter: alpha(opacity=30);background-color:#000;*zoom:1;display:none;  }
.verfcode_div{display:none;background-color:white;z-index: 1000000;
    width:260px;height:260px;position:absolute;
    left:50%;top:50%;margin-top:-130px;margin-left:-130px;
    border:1px solid #d1d1d1;border-radius:2px;overflow: hidden;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
    /*background-color: #ccc;*/
    -moz-box-shadow:2px 2px 5px #969696;/*firefox*/
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
    box-shadow:2px 2px 5px #969696;/*opera或ie9*/
}
.verfcode_div canvas{position:absolute;left:10px;top:10px;}
.verfcode_div .loading{padding-top:60px;position:absolute;top:10px;left:10px;width:240px;height:150px;background-color:#ccc;text-align:center;box-sizing:border-box;}

.verfcode_canvas_bg,.verfcode_canvas_mark{/* width: 240px;*/}
.verfcode_div .verfcode_canvas_bg{z-index:0;}
.verfcode_div .verfcode_canvas_mark{z-index:10000;}
.slide,.slide_block,.tools .verfcode_close,.tools .verfcode_refresh{background-image: url('img/icon.png');background-repeat: no-repeat;}
.slide{position:absolute;top:160px;width:93.52%;height:0px;background-color:#FFF;background-size:100%;margin:5.39% 3.24%;padding:0px 0px 13.67%;overflow:visible;background-position:0px 0px;}
.slide_block{background-position:0px 12.9794%;top: 0px;left: 0px;width: 65px;height:65px;position:absolute;margin:-4.62% 0 0 -2.31%;cursor:pointer;}
.slide_block_text{background-position:0px 12.9794%;top:20px;left:65px;height:65px;position:absolute;margin:-4.62% 0 0 -2.31%;cursor:pointer;font-size:14px;color:rgb(136, 148, 157);}
.tools{position: absolute;top:210px;width: 93.52%;height:0px;background-color:white;background-size:100%;margin:5.39% 3.24%;padding:5px 0px 13.67%;overflow:visible;background-position:0px 0px;border-top:1px solid #EEEEEE;}
.tools .verfcode_close{background-position:0 50%;height:30px;width:30px;float:left;margin-right:10px;cursor:pointer;}
.tools .verfcode_refresh{background-position:0 94%;height:30px;width:30px;float:left;cursor: pointer;}
.tools .verfcode_tips{float:right;}
.tools .verfcode_tips a{text-decoration:none;font-size:10px;color:rgb(136, 148, 157);}
.hgroup{z-index:20000;content:"";position: absolute;
    left:-800px;top:70px;width:250px;height:15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 3s ease-in 0s infinite;
    -o-animation: searchLights 3s ease-in 0s infinite;
    animation: searchLights 3s ease-in 0s infinite;
}
.dd{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: ddf 0.1s ease-in 0s infinite;
    -o-animation: ddf 0.1s ease-in 0s infinite;
    animation: ddf 0.1s ease-in 0s infinite;
}
@-webkit-keyframes ddf {
    0% {-webkit-transform: translate(-8px, 3px);}
    20% {-webkit-transform: translate(-3px, 1.5px);}
    50% {-webkit-transform: translate(0px, 0px) ;}
    70% {-webkit-transform: translate(5px, -1.5px) ;}
    100% {-webkit-transform: translate(0px, 0px);}
}
@-o-keyframes ddf {
    0% {-o-transform: translate(-8px, 3px);}
    20% {-o-transform: translate(-3px, 1.5px);}
    50% {-o-transform: translate(0px, 0px) ;}
    70% {-o-transform: translate(5px, -1.5px) ;}
    100% {-o-transform: translate(0px, 0px);}
}
@-moz-keyframes ddf {
    0% {-moz-transform: translate(-8px, 3px);}
    20% {-moz-transform: translate(-3px, 1.5px);}
    50% {-moz-transform: translate(0px, 0px) ;}
    70% {-moz-transform: translate(5px, -1.5px) ;}
    100% {-moz-transform: translate(0px, 0px);}
}
@keyframes ddf {
    0% {transform: translate(-8px, 3px);}
    20% {transform: translate(-3px, 1.5px);}
    50% {transform: translate(0px, 0px) ;}
    70% {transform: translate(5px, -1.5px) ;}
    100% {transform: translate(0px, 0px);}
}
@-webkit-keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }
    to {
        left: 350px;
        top: 70px
    }
}
@-o-keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }
    to {
        left: 350px;
        top: 70px
    }
}
@-moz-keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }
    to {
        left: 350px;
        top: 70px
    }
}
@keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }
    to {
        left: 350px;
        top: 70px
    }
}