/*
 * @Author: Alen
 * @Date: 2022-09-05 14:30:20
 * @copyright: (C)2023 ShangMeng Inc.
 * @FilePath: \xinjiang\templates\login\style.css
 */
html,body{height:100%;width:100%;position:relative}
body{background:url(bg1.jpg) #a7ceeb center top no-repeat;padding: 0;margin: 0;background-size:cover;
    font-size:14px;font-family:"microsoft yahei", "微软雅黑",arial,helvetica;line-height:1.5;}
.login_main{position:absolute;top:50%;width:440px;left:60%;margin-top: -286px;}
input{ -webkit-appearance: none;outline:none; font-size:14px;}
.blank20{height:20px;clear:both;font-size:1px;overflow:hidden;}
.blank30{height:30px;clear:both;font-size:1px;overflow:hidden;}

.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:#2c5b87;line-height:100px;font-weight: bold;font-size:42px;font-family:"microsoft yahei", "微软雅黑",arial,helvetica;}
.login_main .login_frame{padding:0;width:440px;}
.login_main .login_frame>div{background-color: #fff;padding:55px 60px;}
.login_main .login_frame>div>.label{border-radius:5px;position: relative;padding-left:54px;border: 1px solid #e2e2e2;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>.label em{width:55px;line-height:55px;border-radius:5px 0 0 5px;color:#FFF;text-align: center;background: #7599bb;position: absolute;left:-1px;top:-1px;z-index: 2;}
.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:239px;height:53px;font-size:16px;padding:0 10px 0 69px;border:0;line-height:53px;background: transparent;float: left;outline: none;}
.login_main .login_frame .label input:-moz-placeholder { color:#999;font-size: 14px}
.login_main .login_frame .label input::-webkit-input-placeholder { color:#999;font-size: 14px}

.login_main .login_frame>div>.label.curr{border-color:#F00}



.login_main .login_frame .label:hover{border-color:#7599bb;outline:0;}
.login_main .login_frame .label:hover em{color:#FFF;}


.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 .loginsub{width:100%;border-radius:5px;border:0;background-color:#2c5b87;line-height:55px;text-align:center;color:#fff;font-size:16px;cursor:pointer;outline: none;}
.login_main .login_frame .loginbtn .loginsub:hover{box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);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:#fff; text-align: center;position: fixed;width:100%;bottom:30px}
.login_footer>span{padding:0 10px;}
.login_footer>a{color:#fff;text-decoration: none;}

@media screen and (max-width: 600px){
    /* body{background: #f5f5f5;} */
    .login_main{margin:0;top:0;width:100%;left:0}
    .login_main .login_b{padding:80px 20px;height:auto}
    .login_main .login_b>b{display: block;line-height:50px;font-size:34px;text-shadow:2px 4px 2px rgba(255,255,255,.1);}
    .login_main .login_b>span{line-height:70px;font-size:30px;display: block;font-weight: 400;}
    .login_main .login_frame{width:calc(100% - 50px);margin:0 auto;}
    .login_main .login_frame>div{padding:30px}
    .login_main .login_frame>div>.label{border-width:0 0 1px 0;margin: 0;border-radius:0;}
    .login_main .login_frame>div>.label em{line-height:50px;background: none;color:#999;width:50px;}
    .login_main .login_frame .label input{line-height:48px;height:48px;width:calc(100% - 50px);padding:0 0 0 50px;}
    .login_main .login_frame .label.hover{border-color:#3aaaf9;}
    .login_main .login_frame .label.hover em{color:#3aaaf9}
    .login_main .login_frame .label:hover{border-color:#3aaaf9;outline:0;}
    .login_main .login_frame .label:hover em{color:#3aaaf9;}
    .login_main .login_frame .loginbtn .loginsub{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;}
}