@charset "UTF-8";
html,
body,
p,
button,
input,
label{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
a{text-decoration:none;color:inherit;}
input,
button{border:none;outline:none;font-size:14px;}
button{cursor:pointer;}
button:disabled{cursor:default;}
.text-center,
.forget-pwd,
.footer-link{text-align:center;}
.blue-link{color:#47B7E2;}
.visible{visibility:visible!important;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset,0 0 0 1000px rgba(0,0,0,.3) inset !important;}
html,
body{background-color:#fff;height:100%;min-height:666px;color:#333;font-size:14px;}
.login-body{background-position:top center;background-repeat:no-repeat;height:100%;background-size:100% 100%;}
.container{    /*width: 1200px;*/
margin:0 auto;position:relative;height:100%;}
.login-top{background-image:url(../img/user_face.png);background-repeat:no-repeat;background-position:center bottom;padding-top:136px;background-size:96px 96px;position:relative;}
.login-form,
.warning-dialog{border-radius:4px;width:240px;padding-left:60px;padding-right:60px;padding-bottom:20px;position:absolute;left:50%;margin-left:-180px;top:50%;margin-top:-243px;}
.warning-dialog{background:#FFFFFF;box-shadow:0 0 4px 0 rgba(0,0,0,0.1);}
.login-form-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#FFFFFF;box-shadow:0 0 4px 0 rgba(0,0,0,0.1);border-radius:4px;}
.login-form .blue-link{font-size:12px;color:#47B7E2;}
.login-form-cell{display:block;margin-top:22px;margin-bottom:18px;position:relative;}
.login-form-cell .login-input-wrap{width:100%;position:relative;border-bottom:1px solid #D8D8D8;}
.login-form-cell .login-input-wrap.focus .input-line{transform:scaleX(1);}
.login-form-cell .login-input-wrap.focus .tips{color:#389EC5;}
.login-form-cell .login-input-wrap.error-tips{background-image:url(../img/error.png);background-position:right center;background-repeat:no-repeat;}
.login-form-cell .login-input-wrap.error-tips input{width:90%;}
.login-form-cell .login-input-wrap input[name='loginName']{}
.login-form-cell .login-input-wrap.error-tips .input-line{transform:scaleX(1);border-color:#DD4B44;}
.login-form-cell .input-placeholder{font-size:14px;color:#ccc;position:absolute;top:5px;left:0;padding-left:2px;    /*transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;*/}
.login-form-cell .input-placeholder.tips{    /*font-size: 12px;
        top: -14px;
        left:0;
        transform: scale(0.9);
        transform-origin: left;*/
display:none;}
.login-form-cell input{width:100%;height:30px;line-height:30px;background-color:transparent;}
.login-form-cell .input-line{position:absolute;bottom:-1px;left:0;height:0;border:1px solid #389EC5;width:100%;margin:0;padding:0;transform:scaleX(0);transition:all 450ms cubic-bezier(0.23,1,0.32,1) 0ms;}
.login-form-code-cell{height:31px;}
.login-form-code-cell .login-input-wrap{width:80px;}
.login-form-code-cell .login-form-right{float:right;}
.login-form-code-cell .login-form-right img{width:78px;height:32px;vertical-align:middle;}
.login-btn{width:100%;height:40px;color:#fff;background-color:#47B7E2;}
.login-btn:disabled{background-color:#D5D5D5;}
.refresh-code-btn{width:25px;height:32px;background-image:url("../img/refresh.png");background-position:center center;background-repeat:no-repeat;background-color:transparent;transition:all .5s;cursor:pointer;vertical-align:middle;}
.refresh-code-btn:hover{transform:rotate(180deg);}

.login-error {
    min-height: 16px;
    color: #DD4B44;
    font-size: 12px;
    line-height: 1.4;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}
.forget-pwd{margin-top:20px;position:relative;}
.footer-link{color:#fff;position:absolute;width:100%;bottom:8%;font-size:12px;}
.footer-link a,
a:visited,
a:active{color:#fff;}
.warning-dialog{width:270px;height:200px;padding-top:60px;padding-left:45px;padding-right:45px;padding-bottom:20px;margin-left:-180px;margin-top:-110px;}
.warning-dialog .dialog-footer{position:absolute;bottom:20px;width:100%;}
.warning-dialog .default-btn,
.warning-dialog .blue-btn{width:120px;height:40px;color:#fff;background-color:#D5D5D5;}
.warning-dialog .dialog-footer .login-btn-wrap{float:left;}
.warning-dialog .dialog-footer .login-btn-wrap.sure{margin-left:30px;}
.warning-dialog .blue-btn{background-color:#67B6DF;}
.warning-icon{width:80px;height:90px;background-image:url("../img/warn.png");background-repeat:no-repeat;position:absolute;top:-45px;left:50%;margin-left:-40px;}
.login-tip{text-align:center;font-size:18px;color:#484848;margin-bottom:15px;}
.login-tip-small{font-size:14px;color:#999999;line-height:1.4;}
.elf-login-dialog{position:relative;height:100%;display:none;}
.zoom-out{-moz-animation-duration:.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-timing-function:ease-out;-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-animation-name:am-zoom-out;-webkit-animation-name:am-zoom-out;animation-name:am-zoom-out;}
.zoom-in{display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:am-zoom-in;animation-name:am-zoom-in;}
.animation-shake{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:am-shake;animation-name:am-shake}

/*动画*/
@-webkit-keyframes am-zoom-in{
    0%{opacity:0;transform:scale(0.2);-webkit-transform:scale(0.2);display:block!important;}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);display:block!important;}
}
@keyframes am-zoom-in{
    0%{opacity:0;transform:scale(0.2);-webkit-transform:scale(0.2);display:block!important;}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);display:block!important;}
}
@-webkit-keyframes am-zoom-out{
    0%{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
    100%{opacity:0;transform:scale(0);-webkit-transform:scale(0);}
}
@keyframes am-zoom-out{
    0%{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
    100%{opacity:0;transform:scale(0);-webkit-transform:scale(0);}
}
@-webkit-keyframes am-shake{
    0%,
    100%{-webkit-transform:translateX(0);transform:translateX(0);}
    10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}
    20%{-webkit-transform:translateX(8px);transform:translateX(8px);}
    30%{-webkit-transform:translateX(-7px);transform:translateX(-7px);}
    40%{-webkit-transform:translateX(6px);transform:translateX(6px)}
    50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    60%{-webkit-transform:translateX(4px);transform:translateX(4px);}
    70%{-webkit-transform:translateX(-3px);transform:translateX(-3px);}
    80%{-webkit-transform:translateX(2px);transform:translateX(2px);}
    90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}
}
@keyframes am-shake{
    0%,
    100%{-webkit-transform:translateX(0);transform:translateX(0);}
    10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}
    20%{-webkit-transform:translateX(8px);transform:translateX(8px);}
    30%{-webkit-transform:translateX(-7px);transform:translateX(-7px);}
    40%{-webkit-transform:translateX(6px);transform:translateX(6px)}
    50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    60%{-webkit-transform:translateX(4px);transform:translateX(4px);}
    70%{-webkit-transform:translateX(-3px);transform:translateX(-3px);}
    80%{-webkit-transform:translateX(2px);transform:translateX(2px);}
    90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}
}
.elp-dialog-content{background:#FFFFFF;box-shadow:0 0 4px 0 rgba(0,0,0,0.1);border-radius:4px;width:360px;height:400px;overflow:hidden;position:absolute;left:50%;margin-left:-190px;top:50%;margin-top:-243px;}
.elp-dialog-header{height:48px;line-height:48px;border:1px solid #ECECEC;padding-left:20px;color:#111111;font-size:14px;}
.elp-dialog-header .close{float:right;color:#999999;background-color:transparent;font-size:20px;padding:9px 10px;margin-right:10px;cursor:pointer;}
.elp-dialog-header .close:hover{color:#aaa;}
.modify-pwd-tip{margin:14px 24px;font-size:12px;color:#999999;}
.modify-pwd-form{margin:2px 60px;*margin:0;*padding-left:60px;*padding-right:60px;}
.modify-pwd-form .blue-btn{width:100%;height:40px;color:#fff;background-color:#67B6DF;}
.modify-pwd-form .blue-btn:disabled{background-color:#D5D5D5;}
.elp-material-btn{position:relative;overflow:hidden;}
.elp-material-btn .ink{position:absolute;background:rgba(255,255,255,0.2);border-radius:100%;transform:scale(0);z-index:0;}
.elp-material-btn .ink.animation{-webkit-animation:ripple .8s linear;animation:ripple .8s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@-webkit-keyframes ripple{
    100%{-webkit-transform:scale(2.5);transform:scale(2.5);}
}
@keyframes ripple{
    100%{-webkit-transform:scale(2.5);transform:scale(2.5);}
}
.login-pwd-tip{margin-top:-13px;margin-bottom:10px;}
.login-pwd-tip .pwd_strength{width:100%;height:28px;background-color:#D9F5FF;border-radius:28px;margin-bottom:0;}
.login-pwd-tip  .pw_letter{font-size:12px;color:#fff;width:90%;padding-left:14px;}
.login-pwd-tip .pw_letter span{width:33.33%;border:none;line-height:28px;}
.login-pwd-tip .pw_bar{position:absolute;background-color:transparent;height:28px;width:96px;border-radius:28px;transition:all .2s;}
.login-pwd-tip .pw_bar.level1{background-color:#bae7f8;left:0;}
.login-pwd-tip .pw_bar.level2{background-color:#80cbed;left:72px;}
.login-pwd-tip .pw_bar.level3{background-color:#46B4DE;left:145px;}
.pwd-modify-tip,
.modify-pwd-form .pwd-modify-tip.stu_editPass_worn_confirmPass{height:17px;font-size:12px;color:#999;}
.pwd-modify-tip.error-tip{color:#fda92a;}
.modify-pwd-form  .pwd-modify-tip.stu_editPass_worn_confirmPass{color:#DD4B44;margin:0;padding-left:0;background-image:none;}
.login-warn-icon{display:inline-block;*display:inline;display:inline-block;width:14px;height:15px;background-image:url(../img/warning.png);background-repeat:no-repeat;background-position:0 1px;vertical-align:middle;margin-right:4px;}
.modify-pwd-not-equal-tip,
.modify-pwd-form .stu_editPass_worn_confirmPass{height:14px;font-size:12px;color:#DD4B44;margin-bottom:20px;margin-top:25px;margin-left:0;text-indent:0;background:none;}
.content input{border:1px solid #CCC;outline:none;font-size:14px;}
.elp-login-bg{position:absolute;left:0;top:0;bottom:0;right:0;}
.elp-login-bg-img{width:100%;height:100%;}

.login-i18n-icon{background: url("../img/desk-icons.png") no-repeat -64px -1696px;width: 16px;height: 16px;float: left;margin-right: 4px;margin-top: 1px;}
.login-i18n-div{
    width: 200px;
    margin: auto;
    padding-top: 1%;
    float: right;
    padding-right: 1%;
}
.login-i18n-div select,option{
    border-radius: 3px;
}

.login-i18n-div-index{
    width: 200px;
    /* margin: auto;
    padding-top: 3%;
    padding-left: 185px; */
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 10px;
}

.login-i18n-div-index select,option{
    border-radius: 3px;
}

.warning-tips{
    height:138px;
    width: 288px;
    overflow-y: auto;
}

.form-erwei{
  /* display: none; */
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 99;
}
.erwei-box{
  /* display: none; */
  width: 360px;
  height: 490px;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
  background: #ffffff;
}
.erweima{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  cursor: pointer;
}
.erwei-zhi{
  position: absolute;
  top: 10px;
  right: 68px;
  padding: 5px 10px;
  background: #FCE8C8;
  border-radius: 4px;
  font-size: 12px;
  color: #B36F00;
}
.er-zhi-jiao{
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  width: 0; 
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent #FCE8C8;
}
.erwei-p{
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  text-align: center;
}
.erwei-p span{
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.erwei-p span:nth-child(2){
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}
.erwei-mm{
  width: 240px;
  height: 240px;
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  background: #80cbed;
}
.erwei-shuoming{
  position: absolute;
  bottom: 110px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #333333;
}
.erwei-shuoming a{
  color: #389EC5!important;
}
.erwei-bot{
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 240px;
  height: 18px;
  align-items: center;
}
.erwei-bot .erwei-button{
  width: 50%;
  font-size: 12px;
  color: #389EC5;
  text-align: center;
  align-self: center;
  cursor: pointer;
}
.erwei-bot .erwei-button img{
  vertical-align: middle;
  margin-right: 5px;
}
.erwei-bot .erwei-button span{
  vertical-align: middle;
}
.erwei-line{
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #E6E6E6;
  border-radius: 0.5px;
}
#erweima-img{
  width: 100%;
  height: 100%;
  border: 1px solid #E6E6E6;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
}
#erweima-img img,
#erweima-img canvas{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.erwei-shua,
.erwei-cheng{
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}
.erwei-shua div{
  width: 80px;
  height: 36px;
  background: #389EC5;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  position: absolute;
  top: 84px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.erwei-shua p{
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 135px;
  text-align: center;
}
.erwei-cheng{
  text-align: center;
}
.erwei-cheng img{
  width: 64px;
  height: 64px;
  margin-top: 60px;
  margin-bottom: 15px;
}
.erwei-cheng p{
  font-size: 14px;
  color: #FFFFFF;
}
.mohu{
  filter: blur(3px);
}
.login-form{
  /* display: none; */
}

.lunbo{
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
}
.lunbo-close{
  width: 85px;
  height: 36px;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 18px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 64px;
  right: 160px;
  cursor: pointer;
  z-index: 999;
}
.lunbo-cont{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 700px;
  width: 814px;
}
.swiper-container{
  width: 100%;
  height: 100%;
}
.lunbo-top{
  width: 100%;
  display: flex;
  align-items: center;
}
.lunbo-top div{
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #F5A623;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
  margin-right: 10px;
}
.lunbo-top p{
  font-size: 16px;
  color: #FFFFFF;
}
.lunbo-img{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); 
}
.swiper-button-prev-lunbo,
.swiper-button-next-lunbo{
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: -76px;
  transform: translateY(-50%);
  cursor: pointer;
  outline: none;
}
.swiper-button-next-lunbo{
  left: auto;
  right: -76px;
}
.swiper-button-next-lunbo img{
  transform: rotate(180deg);
}

.tishi-img{
  width: 150px;
  height: 305px;
  position: absolute;
  top: 56px;
  right: -116px;
  z-index: 99;
}
.down-erwei{
  display: none;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
}

.father{
  width: 360px;
  height: 490px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.wx_img{
  display: none;
  width: 39px;
  height: 39px;
  margin-top: 10px;
  cursor: pointer;
}
.vee-weixin,
.vee-weixin1{
  position:relative;
  text-align:center;
}
.vee-weixin1{
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.loginPhone,
.loginCode{
  display: none;
}
.phoneArea,
#phoneArea{
  cursor: pointer;
  width: 40px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
.phoneArea div{
  width: 100%;
  height: 100%;
  z-index: 11;
}
#phoneArea{
  display: none;
  width: 85px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: -11;
  background: #ffffff;
  border: 1px solid #333333;
  top: 30px;
}
#phoneArea li:hover{
  background: #0099FF;
  color: #ffffff;
}
#loginPhone{
  padding-left: 45px;
  box-sizing: border-box;
}
.phoneArea img{
  margin-bottom: 2px;
}
.login-change{
  width: 172px;
  height: 30px;
  line-height: 30px;
  padding: 60px 0 20px 0;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
.login-change-button{
  float: left;
  position: relative;
  width: 70px;
  height: 100%;
  cursor: pointer;
  font-size: 14px;
  color: rgba(0,0,0,0.65);
}
.login-change-button.active{
  color: #389EC5;
}
.login-change-button:nth-child(1){
  margin-right: 32px;
}
.change-line{
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -12px;
  width: 24px;
  height: 2px;
  background: #ffffff;
}
.change-line.active{
  background: #389EC5;
}
#loginCode{
  padding-right: 65px;
  box-sizing: border-box;
}
.code-button{
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #47B7E2;
  cursor: pointer;
}
.code-button.active{
  color: #999999;
}
.input-open-password{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 0;
}
.input-open-password .yan_password{
  top: 0;
  left: 0;
  transform: none;
}
#swInput{
  padding-right: 20px;
  box-sizing: border-box;
}
.sms{
  display: none;
}
.login-password{
  float: none!important;
  margin: 0 auto!important;
}