html,body{height:100%;width:100%;position:relative;padding: 0;margin: 0;}
body{background: #fff url(../images/bg.jpg) 50%  no-repeat; background-size:cover;}
p,div{padding: 0;margin: 0;}
input{outline:none;font-family:"微软雅黑",arial,helvetica; font-size:14px;}
.fl{float: left;}
.fr{float: right;}

.fn-clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.ease5{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.login_footer{line-height:25px;font-size:12px;color:#fff; text-align: center;width:100%;padding-top:20px}
.login_footer>span{padding:0 10px;}
.login_footer>a{color:#fff;text-decoration: none;}
.login_body {position: fixed;top:50%;right:50px;margin-top: -212px;}
.login_body .login_frame{background:#fff;padding:30px;width:300px}
.login_body .login_frame>.logo{background: url(/static/images/site_logo2.png) center top no-repeat;height:70px;background-size: 200px;}
.login_body .login_frame .label{overflow: hidden;padding:0;position: relative;z-index:1;border: 1px solid #dddddd;margin-top: 30px;}
.login_body .login_frame .label1{margin-top: 0;}
.login_body .login_frame .label em{width:50px;line-height:58px;color:#000;text-align: center;position:absolute;left:0;top:0}
.login_body .login_frame .label em.icon-user{font-size: 20px;}
.login_body .login_frame .label em.icon-mima{font-size: 24px;}
.login_body .login_frame .label em.icon-mimasuo{font-size: 22px;}
.login_body .login_frame .label input{width:248px;outline:0;border:0;padding:0 0 0 50px;color:#000;height:58px;line-height:58px;background: transparent;font-size:14px;}
.login_body .login_frame .label input#captcha{width:120px}
.login_body .login_frame .label .captcha{position: absolute;width:125px;border-radius:10px;top:5px;line-height:33px;right:5px;cursor: pointer;text-align: center;background:#419dfd; font-size:14px;color:#fff}
.login_body .login_frame .label .captcha.curr{background-color: #ccc;cursor: not-allowed;}


.login_body .login_frame .label.hover{border-color:#0082df;z-index: 3;}
.login_body .login_frame .label.hover em{color:#0082df}

.login_body .login_frame .label_text{padding:10px 5px 5px;overflow:hidden;cursor: pointer;}
.login_body .login_frame .label_text>em{float: left;border-radius:50%;width:16px;height:16px;border:1px solid #dddddd;}
.login_body .login_frame .label_text>em.icon-fuxuan{color:#fff;line-height:16px;text-align:center;font-size:14px;border-color:#0082df;background-color:#0082df}
.login_body .login_frame .label_text>span{float: left;line-height:18px;color:#999;font-size:14px;padding-left:5px;}
.login_body .login_frame .verify{width:340px;height:40px;position: relative;}
.login_body .login_frame .verify #verify_box{width: 338px;background-color: #e5e5e5;border: 1px solid #ddd;position: relative;height:40px}
.ease5{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}

#verify_box .drag-progress
{left: 0; top: -1px; height:39px; border-top: 1px solid #7ac23c;border-top: 1px solid #7ac23c;width: 0;background-color: #7ac23c;color: #000;
position: absolute;font-size: 18px;text-align: center;line-height: 38px;}
#verify_box .drag-btn {
    position: absolute;left:0px;top:0px;width:49px;height: 38px; line-height: 38px;text-align: center;font-size:24px;background: #000;z-index: 2;cursor: move;color:#51555c;border-right:1px solid #fff}
#verify_box .fix-tips, .verify-msg {width: 100%;position: absolute;right: 0;left: 1px;height: 100%;color: #51555c;z-index: 1;line-height: 38px;font-size: 12px;text-align: center;}
#verify_box .verify-msg {background-color: #7ac23c;color: #fff;display: none;}
#verify_box .icon-fuxuan{color: #7ac23c;border-right:1px solid #ddd}


.login_body .login_frame .loginbtn{border:0;overflow: hidden;padding: 30px 0 0;}
.login_body .login_frame .loginbtn .loginsub{width:100%;background-color:#20affd;-webkit-appearance: none; border:0;line-height:43px;text-align:center;color:#fff;font-size:16px;cursor:pointer;}
.login_body .login_frame .loginbtn:hover{border-color:#419dfd}
.login_body .login_frame .loginbtn:hover .loginsub{background-color:#419dfd} 
.login_body .login_frame .errormsg{padding: 30px 0;color:red;text-align: center;line-height: 1.6;}


.verBox{position:absolute;background: rgba(0,0,0,.5);width:100%;height:100%;top:0;z-index: 9;}
.verBox .imgVer{position:absolute;text-align:center;transition:all 0.8s;
    -webkit-box-sizing: content-box;box-sizing: content-box;
    border-radius: 3px;padding: 0 20px 15px;background: #ffffff;
}
.verBox .imgVer.fail-shake {-webkit-animation: fail_shake 0.2s linear infinite;animation: fail_shake 0.2s linear infinite;}
.verBox .imgVer .imgver_top{position: relative;line-height: 24px;font-size:16px;padding:15px 0;overflow: hidden;}
.verBox .imgVer .imgver_top .fl{float: left;}
.verBox .imgVer .imgver_top .fr{float: right;}
.verBox .imgVer .imgver_top em{color:#419dfd;font-size:24px;line-height: 28px;margin-left: 5px;cursor: pointer;overflow: hidden;height:24px;}
.verBox .imgVer .imgver_top em.icon-ic_close{border:1px solid #419dfd;line-height: 20px;width:20px;text-align: center;border-radius: 50%;font-size:18px;margin-top: 1px;height:20px;}
.verBox .imgVer .imgver_1{position:relative;margin-bottom: 20px;}
.verBox .imgVer .imgver_1 .ver-tips{
    line-height: 30px;font-size: 14px;position: absolute;height: 30px;width:100%;
    left: 0;bottom: -30px;color: #fff;background: #e76161;z-index: 999;
}
.verBox .imgVer .imgver_1 .ver-tips.slider-tips {bottom:0;display: block;}
.verBox .imgVer .imgver_1 .ver-tips.slider-tips.slider-ok{background: rgb(117, 199, 43);}

.verBox .slider-btn{position: absolute;box-sizing: border-box;
    width: 66px;line-height:66px;color:rgb(117, 199, 43);font-size:40px;background: #fff;font-weight: bold;
    height: 66px;left: 0;top: -8px;z-index: 12;
    text-align: center;border: 1px solid #dbdbdd;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border-radius: 100%;
    cursor: pointer;
    transition: inherit;}
.verBox .slider-btn.icon-ic_close{color:#e76161;border-color:#e76161}
.verBox .slider-btn.icon-fuxuan{color:rgb(117, 199, 43);border-color:rgb(117, 199, 43)}
.verBox .imgver_2_1{font-size:14px;text-align: center;background:rgb(244, 245, 249);border: 1px solid #cdcdcd;-webkit-box-sizing: border-box;box-sizing: border-box;height: 50px;line-height:48px;border-radius: 20px 20px 20px 20px/50%;}


@media screen and (max-width: 600px){
    body{background:#196ac3;}
    .login_body{right:0;left:0}
    .login_body .login_frame>.logo{background: url(/static/images/site_logo.png) center top no-repeat;height:70px;background-size: 200px;overflow: hidden;}
    .login_body .login_frame{width:calc(100% - 40px);padding: 20px;background: none;}
    .login_body .login_frame>.login_p{background: #fff;padding:20px 30px;height: auto;box-shadow: 0 6px 12px rgba(0,0,0,.175);border-radius:10px;}
    .login_body .login_frame .label{border-width:0 0 1px 0;margin: 0;}
    .login_body .login_frame .label em{line-height: 60px;color:#999;}
    .login_body .login_frame .label input{line-height:58px;height:58px;color:#000;width: 225px;}
    .login_body .login_frame .loginbtn .loginsub{background-color:#3aaaf9;line-height:48px;border-radius:5px;cursor: pointer;}
    .login_footer{display: none;}
}

@-webkit-keyframes load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow:-0.11em -0.83em 0 -0.4em #d4eaf4,-0.11em -0.83em 0 -0.42em #d4eaf4,-0.11em -0.83em 0 -0.44em #d4eaf4,-0.11em -0.83em 0 -0.46em #d4eaf4,-0.11em -0.83em 0 -0.477em #d4eaf4;}
    5%,
    95%{box-shadow:-0.11em -0.83em 0 -0.4em #ffffff,-0.11em -0.83em 0 -0.42em #ffffff,-0.11em -0.83em 0 -0.44em #ffffff,-0.11em -0.83em 0 -0.46em #ffffff,-0.11em -0.83em 0 -0.477em #ffffff;}
    30%{box-shadow:-0.11em -0.83em 0 -0.4em rgba(255,255,255,.9),-0.51em -0.66em 0 -0.42em rgba(255,255,255,.9),-0.75em -0.36em 0 -0.44em rgba(255,255,255,.9),-0.83em -0.03em 0 -0.46em rgba(255,255,255,.9),-0.81em 0.21em 0 -0.477em rgba(255,255,255,.9);}
    55%{box-shadow:-0.11em -0.83em 0 -0.4em rgba(255,255,255,.7),-0.29em -0.78em 0 -0.42em rgba(255,255,255,.7),-0.43em -0.72em 0 -0.44em rgba(255,255,255,.7),-0.52em -0.65em 0 -0.46em rgba(255,255,255,.7),-0.57em -0.61em 0 -0.477em rgba(255,255,255,.7);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:-0.11em -0.83em 0 -0.4em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.42em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.44em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.46em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.477em rgba(255,255,255,.5);}
 }
 @keyframes load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow:-0.11em -0.83em 0 -0.4em #d4eaf4,-0.11em -0.83em 0 -0.42em #d4eaf4,-0.11em -0.83em 0 -0.44em #d4eaf4,-0.11em -0.83em 0 -0.46em #d4eaf4,-0.11em -0.83em 0 -0.477em #d4eaf4;}
    5%,
    95%{box-shadow:-0.11em -0.83em 0 -0.4em #ffffff,-0.11em -0.83em 0 -0.42em #ffffff,-0.11em -0.83em 0 -0.44em #ffffff,-0.11em -0.83em 0 -0.46em #ffffff,-0.11em -0.83em 0 -0.477em #ffffff;}
    30%{box-shadow:-0.11em -0.83em 0 -0.4em rgba(255,255,255,.9),-0.51em -0.66em 0 -0.42em rgba(255,255,255,.9),-0.75em -0.36em 0 -0.44em rgba(255,255,255,.9),-0.83em -0.03em 0 -0.46em rgba(255,255,255,.9),-0.81em 0.21em 0 -0.477em rgba(255,255,255,.9);}
    55%{box-shadow:-0.11em -0.83em 0 -0.4em rgba(255,255,255,.7),-0.29em -0.78em 0 -0.42em rgba(255,255,255,.7),-0.43em -0.72em 0 -0.44em rgba(255,255,255,.7),-0.52em -0.65em 0 -0.46em rgba(255,255,255,.7),-0.57em -0.61em 0 -0.477em rgba(255,255,255,.7);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:-0.11em -0.83em 0 -0.4em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.42em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.44em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.46em rgba(255,255,255,.5),-0.11em -0.83em 0 -0.477em rgba(255,255,255,.5);}
 }

@-webkit-keyframes fail_shake {
    25% {margin-left: -5px;}
    75% {margin-left: 5px;}
    100% {margin-left: 0;}
}
  @keyframes fail_shake {
    25% {margin-left: -5px;}
    75% {margin-left: 5px;}
    100% {margin-left: 0;}
}