html,body{height:100%;width:100%;position:relative}
body{background: #f5f5f5 url(bg.jpg) center top no-repeat;padding: 0;margin: 0;background-size:100%;}
.login_main{position:absolute;top:50%;width:100%;margin-top: -286px;}
input{ -webkit-appearance: none;outline:none;font-family:"微软雅黑",arial,helvetica; font-size:14px;}

.fn-clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.login_main .login_b{margin:0 auto;text-align: center;color:#FFF;line-height:100px;font-weight: bold;font-size: 30px;}
.login_main .login_frame{background: url(bg_login.png)center bottom no-repeat;padding:0 63px;width:444px;margin:0 auto;}
.login_main .login_frame>div{background-color: #fff;padding:50px 45px;}
.login_main .login_frame>div>.label{overflow: hidden;margin-top: 30px;border: 1px solid #dddddd;padding:0;-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.login_main .login_frame>div>.label1{margin-top: 0;}
.login_main .login_frame>div>.label em{width:50px;line-height:58px;color:#000;float: left;text-align: center}
.login_main .login_frame>div>.error{height:25px;line-height: 25px;color:#F00;font-size:12px;text-align: center;}

.login_main .login_frame .label em.icon-user{font-size: 20px;}
.login_main .login_frame .label em.icon-mima{font-size: 24px;}
.login_main .login_frame .label input{width:302px;height:58px;font-size:16px;padding:0;border:0;line-height:48px;background: transparent;float: left;outline: none;}
.login_main .login_frame .label input:-moz-placeholder { color:#999; }
.login_main .login_frame .label input::-webkit-input-placeholder { color:#999; }


.login_main .login_frame .label:hover{border-color:#419dfd;outline:0;}
.login_main .login_frame .label:hover em{color:#419dfd;}


.login_main .login_frame .verify{width:340px;height:40px;position: relative;}
.login_main .login_frame .verify #verify_box{width: 338px;background-color: #e5e5e5;border: 1px solid #ddd;position: relative;height:40px}



.login_main .login_frame .loginbtn{overflow: hidden;margin-top:30px;}
.login_main .login_frame .loginbtn .loginsub{width:100%;border:0;background-color:#20affd;line-height:40px;text-align:center;color:#fff;font-size:18px;cursor:pointer;outline: none;}



.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%;margin:0;
    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%;}

.login_footer{height:30px;line-height:30px;font-size:12px;color:#999; text-align: center;position: fixed;width:100%;bottom:30px}
.login_footer>span{padding:0 10px;}
.login_footer>a{color:#999;text-decoration: none;}

.newslist{padding:20px 50px;overflow: hidden;width:354px;margin:0 auto;}
.newslist>a{display: block;line-height:30px;color:#000;font-size:14px;height:30px;white-space:nowrap;text-overflow:ellipsis;text-decoration: none}
.newslist>a::before{float: left;width:6px;height:6px;background: #333;content:"";margin-top: 12px;border-radius:50%;margin-right:5px}
.newslist>a:hover{color:#3aaaf9}
.newslist>a:hover::before{background:#3aaaf9}
@media screen and (max-width: 600px){
    body{background: #f5f5f5;}
    .login_main{margin:0;top:0;}
    .login_main .login_b{padding:80px 20px;background-color: #3aaaf9;height:auto}
    .login_main .login_b>b{display: block;line-height:50px;font-size:40px;text-shadow:2px 4px 2px rgba(0,0,0,.5);}
    .login_main .login_b>span{line-height:70px;font-size:30px;display: block;font-weight: 400;}
    .login_main .login_frame{background: none;height: auto;width:auto;}
    .login_main .login_frame>div{background: none;padding:30px 0 0;height: auto;}
    .login_main .login_frame>div>.label{border-width:0 0 1px 0;margin: 0;}
    .login_main .login_frame>div>.label em{line-height: 60px;color:#3aaaf9;}
    .login_main .login_frame .label input{line-height:58px;height:58px;width:calc(100% - 50px)}
    .login_main .login_frame .label.hover{border-color:#3aaaf9;}
    .login_main .login_frame .label.hover em{color:#3aaaf9}
    .login_main .login_frame .loginbtn .loginsub{background-color:#3aaaf9;line-height:48px;border-radius:0;}
    .login_footer{display: none;}
    .newslist{padding:20px;overflow: hidden;width:calc(100% - 40px);margin:0;}

}



@-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;}
}