body{background: #ffffff;overflow-x: hidden; max-width: 1920px; margin: 0 auto; }
/*登陆页面及找回页面公共部分*/
.fr{float: right;}
.fl{float: left}
.mr20{margin-right: 20;}
.mbt27{margin: -27px 0 0;}
.login_warp{max-width: 1200px;margin: 0 auto; z-index: 10;}
/*.login_warp .survey {padding-left: 30px; margin: -27px 0 0;background: url("../images/login/msg.png") no-repeat 2px 2px;}*/
.login_warp .survey {padding-left: 30px; margin-top: 33px; background: url("../images/login/icons.png") no-repeat -25px -234px;}
.login_warp .survey a{line-height: 23px; font-size: 14px;font-family: "Microsoft YaHei";color: #333;}
.login_warp .survey a:hover{color: #427fed;}
.content{ position: relative; margin: 15px auto 60px; background:url("../images/login/login_bg_20201125.png") no-repeat;text-align: center;/*box-shadow: 0px 4px 27px rgba(4, 0, 0, 0.25) inset;*/}
.content .wap{margin: 0 auto;max-width: 1200px;}
.login_warp .item{line-height: 29px;padding:0 6px;display: inline-block;}

.login_warp .item a{color: #fff !important;}
.login_warp .item.app{line-height: 20px; margin-top: 33px; position:relative;border-radius:3px;color:#fff;background-color: #4d90fe;border:1px solid #3079ed;}
.login_warp .item.app .fa{font-size: 20px;vertical-align: top;position: relative;top:1px;}
.header .item.app>.fa{animation: move 3s 0s infinite;-webkit-animation: move 3s 0s infinite;}

.login_warp .app .hover-layer{position: absolute;right:-46%;top:100%;z-index: 10;padding-top:5px;display: none;}
.login_warp .app:hover .hover-layer{display: block !important;}
.login_warp .app .hover-layer .box{border:1px solid #ddd;background-color: #fff;padding: 16px;width: 150px;}
.login_warp .app .hover-layer .box .btn{display: block;height:22px;color:#fff;}
.login_warp .app .hover-layer .box .btn span{border-left: 1px solid #fff;line-height: 14px;margin: 4px 0 0 4px;padding: 0 8px;}

@keyframes move
{
    0%, 65%{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {
      -webkit-transform:rotate(10deg);
      transform:rotate(10deg);
    }
    75% {
      -webkit-transform:rotate(-10deg);
      transform:rotate(-10deg);
    }
    80% {
      -webkit-transform:rotate(10deg);
      transform:rotate(10deg);
    }
    85% {
      -webkit-transform:rotate(-10deg);
      transform:rotate(-10deg);
    }
    90% {
      -webkit-transform:rotate(10deg);
      transform:rotate(10deg);
    }
    95% {
      -webkit-transform:rotate(-10deg);
      transform:rotate(-10deg);
    }
    100% {
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {
      -webkit-transform:rotate(6deg);
      transform:rotate(6deg);
    }
    75% {
      -webkit-transform:rotate(-6deg);
      transform:rotate(-6deg);
    }
    80% {
      -webkit-transform:rotate(6deg);
      transform:rotate(6deg);
    }
    85% {
      -webkit-transform:rotate(-6deg);
      transform:rotate(-6deg);
    }
    90% {
      -webkit-transform:rotate(6deg);
      transform:rotate(6deg);
    }
    95% {
      -webkit-transform:rotate(-6deg);
      transform:rotate(-6deg);
    }
    100% {
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}


/*登陆页面*/
.content .left{position: relative; margin-top: 40px; width: 800px;height: 450px; background: url("../images/login/left-bg.png") no-repeat 149px 37px; display: none; }
.content .a-left{position: absolute;width: 280px;height: 280px;left: 245px;top: 58px; border-radius: 50%;}
.content .left-img{position: relative;padding:5px 0;}
.content .left-img a{display: inline-block;width: 800px;height: 482px;}

.content .d-user{position: relative;padding: 90px 70px;}

/*左侧是图片*/
.content {cursor: pointer;}
/* .content.leftimg{padding-top: 20px;} */
.content.leftimg .left{float: left;}
.content.leftimg .right{float: right;}
.content .left .db {position: absolute;font-size: 18px;font-family: "Microsoft YaHei";color: #ffffff;}
.content .left .db1{left: 109px;top: 57px;}
.content .left .db2{left: 541px;top: 57px;}
.content .left .db3{left: 45px;top: 118px;}
.content .left .db4{left: 600px;top: 118px;}
.content .left .db5{left: 32px;top: 202px;}
.content .left .db6{left: 620px;top: 202px;}
.content .left .db7{left: 66px;top: 278px;}
.content .left .db8{left: 579px;top: 278px;}
.content .left .db9{left: 320px;top: 390px;}

.y{position: absolute;border-radius: 50%;}
.y1{width: 200px;height: 200px;border:1px #ededed solid;background-color: transparent;left: 285px; top: 95px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
.y2{width: 160px;height: 160px;border:1px #ededed solid;background-color: transparent;left: 305px; top: 115px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.y3{width: 130px;height: 130px;border:1px #ededed solid;background-color: transparent; left: 320px; top: 131px;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.y4{width: 130px;height: 130px;border:1px #9ee4ff solid;background-color: transparent; left: 320px; top: 131px;}

.right{ position: relative; z-index: 2; float: right; box-shadow: 1px 2px 9px rgba(107, 113, 117, 0.68); border: 1px solid transparent; border-radius: 3px; width: 350px;background: #fff;/*margin: 60px 10px;margin-top:56.5px;*/margin:10px 0;cursor: default;}
.right.school{margin: 40px 0 60px; padding: 30px 0 50px;}
/*二维扫描登陆页面样式*/
.scan{display: none;}
.right .img{margin-top: 26px;border:1px #d8d8d8 solid; padding: 5px;}
.right .blue{color: #427fed;}
.right .gre{color:#666}
.right .tip{ float: left; padding-left: 25px; line-height: 84px;font-size: 16px;font-family: "Microsoft YaHei";color: #333;  }
.right .logo-tip{width: 139px;height: 47px; margin: 54px auto 29px; text-align: left; padding-left: 107px; background: url("../images/login/icons.png") no-repeat -57px -77px;font-size: 12px;font-family: "Microsoft YaHei";color: #666;}
.right .logo-tip li{line-height: 18px;}

.right .tab { position: relative; }
.right .tab .tip { cursor: pointer; position: relative; }
.right .tab .tip.cur { color: #427fed; text-decoration: none; cursor: default; }
.right .tab .tip:nth-child(1):after { content:' '; position: absolute; width: 1px; height: 16px; overflow: hidden; background: #ccc; right: -12px; top: 50%; margin-top: -8px; }
.right .login-panel { display: none; }



/*账号登陆页面样式*/
.right form .agree .login_f_b2 { text-align: left; margin-left: 27px; color: #666;}

.right .safe{padding: 10px 0 0 13px; position: absolute; top: 8px; right: 33px; width: 122px;height: 28px; background: url("../images/login/safe-tip.png?v=202011181404") no-repeat 7px 5px;font-size: 12px;font-family: "Microsoft YaHei";color: #a67111;}
.right form input{width: 263px;height: 42px;line-height: 42px;border:none;border-radius: 5px; font-size: 14px;font-family: "Microsoft YaHei";color: #a9a9a9;} 
.right form .agree { text-align: left; margin: 20px 0 10px; padding-left: 27px; }
.right form .agree input { width: 14px; height: 14px; vertical-align: -1px; margin-right: 4px;}
.right form .agree a { color: #427fed;}

.right form .hlp { text-align: left; padding: 10px 0 0 27px;}
.right form .hlp a { color: #427fed; }

.right .li1{padding-left: 34px; margin-left: 27px; background: url("../images/login/icons.png") no-repeat -18px -144px;width: 263px;height: 42px;border:1px #ccd5db solid;border-radius: 5px;} 
.right .li2{padding-left: 34px; margin-left: 27px; background: url("../images/login/icons.png") no-repeat -18px -182px;width: 263px;height: 42px;border:1px #ccd5db solid;border-radius: 5px;}

.right .li3, .right .li4, .right .li5{text-align: left; margin-left: 27px; margin-bottom: 10px; position: relative;}
.right .li5:after, .right .li3:after, .right .li4:after, .right .li5:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.right .li3 select { display: block; width: 120px; padding: 0 10px; height: 44px; border: none; display: inline-block; border-radius: 5px; outline-style: none; color: #333; border: 1px #ccd5db solid; }
.right .li3 input { width: 161px;  display: inline-block; margin-left: 15px;padding-left: 5px;height: 42px;border-radius: 5px;font-size: 14px;font-family: "Microsoft YaHei";color: #a9a9a9; border: 1px #ccd5db solid; }
.right .li4 input { width: 163px;  display: inline-block; padding-left: 5px;height: 42px;border-radius: 5px;font-size: 14px;font-family: "Microsoft YaHei";color: #a9a9a9; border: 1px #ccd5db solid; vertical-align: top; }


.right .li4 img { width: 124px; height: 42px; vertical-align: top; }

.right .li5 input { width: 163px;  display: inline-block; padding-left: 5px;height: 42px;border-radius: 5px;font-size: 14px;font-family: "Microsoft YaHei";color: #a9a9a9; border: 1px #ccd5db solid; }
.right .li5 .in {  width: 124px; display: inline-block; margin-top: 0px;margin-left: 10px;height: 42px;padding: 0px;line-height: 44px; text-align: center; }
.right .li5 .dn { display: none; }
.right .li5 .btn { width: 124px; height: 42px; line-height: 42px; padding: 0; vertical-align: top; margin: 0 10px; background: #427fed; box-shadow: 1px 1px 4px #427fed inset; color:#fff !important; }
.right .li5 .btn.disabled { color: #666 !important; }

#bgImgUrl { width: 100%;height: 100%; display: block; position: absolute; top: 0; left: 0;  right: 0; z-index: 1; }


.right .user{margin-bottom: 20px;} 
.right .pass{margin-bottom: 20px; position: relative;}
.right .code{margin-bottom: 30px; overflow: hidden; text-align: left;}
.right .forgot{padding-left: 10px;margin-left: 17px;}
.right .regin{padding-right: 20px;margin-right: 7px;} 
.right .forgot,.regin{font-size: 14px;font-family: "Microsoft YaHei";color: #666;} 
.right .forgot:hover,.regin:hover{color: #427fed ;} 
.right .in{width: 300px;/*padding: 14px 0;*/height:46px;margin-top: 15px; background: #427fed;border:none;border-radius: 5px; box-shadow: 1px 1px 4px #427fed inset; font-size: 16px;font-family: "Microsoft YaHei";color: #fff;} 
/*.right .in{width: 300px;padding: 14px 0;margin-top: 15px; background: #427fed;border:none;border-radius: 5px; box-shadow: 1px 1px 4px #427fed inset; font-size: 16px;font-family: "Microsoft YaHei";color: #fff;} */
.right .oways-w{margin: 25px 0 30px 30px;} 
.right .oways{font-size: 12px;font-family: "Microsoft YaHei";color: #666;} 
.right .qq{padding-left: 23px;line-height: 26px;background: url("../images/login/icons.png") no-repeat -13px -62px;} 
.right .wb{padding-left: 35px;margin-left: 11px; line-height: 26px;background: url("../images/login/icons.png") no-repeat -5px -92px;} 

/*图片为背景的皮肤开始*/
/*.login .content{margin: 15px auto 60px;background:url("../images/login/course-db.jpg") no-repeat center #028dd0;box-shadow: 1px -1px 17px rgba(107, 113, 117, 0.67) inset;text-align: center;} */
.login .hasbg.content{margin: 15px auto 60px;background:url("../images/login/3.8.png") no-repeat center #fff;box-shadow: 1px -1px 17px rgba(107, 113, 117, 0.36) inset;text-align: center;} 
/*多用户登录的背景 不需要更换*/
.login .d-user.content.hasbg{height: 500px; margin: 15px auto 60px;background:url("../images/login/d-user.jpg") no-repeat center #028dd0;text-align: center;} 
/*图片为背景的皮肤结束*/

/*找回密码页面  此页面使用登陆页面样式*/
.login_forget .content{margin: 15px auto 60px;background: #427fed;text-align: center; box-shadow: 0px 4px 27px rgba(4, 0, 0, 0.25) inset}
.content .fgt_left_img{position: relative;padding: 73px 0 73px 50px;}
.content .fgt_right{box-shadow: 2px 4px 5px #2f57a3; border-radius: 3px; width: 350px;background: #fff;margin: 90px 10px 90px 0;}
.content .fgt_right .li1{padding-left: 34px; margin-left: 25px; background: url("../images/login/icons.png") no-repeat -18px -144px;width: 263px;height: 42px;border:1px #ccd5db solid;border-radius: 5px;} 
.content .fgt_right .code .li1{background: url("../images/login/code.png") no-repeat 10px center; width: 130px;} 
.content .fgt_right .code .li1 input{width: 100px !important;} 
.content .fgt_right .code .in{
  width: 124px;margin-top: 0px;margin-left: 10px;height: 44px;padding: 0px;line-height: 44px;
} 
.content .fgt_right .user{margin-bottom: 20px;}
.content .fgt_right .isSelect select{display: block;width: 130px;height: 44px;border: none;display: inline-block;border-radius:5px;outline-style:none;color:#427fed}
.content .fgt_right .isSelect .li1 input{width: 145px} 
.content .fgt_right .isSelect .li1{width: 150px;display: inline-block;margin-left: 10px;padding-left: 5px;} 
.content .fgt_right .isSelect select{}


.content .fgt_right .isSelechide select{display: none;}
.content .fgt_right .isSelechide .li1 input{width: 266px;} 
.content .fgt_right .isSelechide .li1{width: 266px;display: block;margin-left: 25px;padding-left: 34px;} 
.content .fgt_right .regin{font-size: 14px;font-family: "Microsoft YaHei";color: #666;} 
.content .fgt_right .regin:hover{color: #427fed ;} 
.content .fgt_right .in{width: 300px;padding: 14px 0; background: #427fed;border:none;border-radius: 5px; box-shadow: 1px 1px 4px #427fed inset; font-size: 16px;font-family: "Microsoft YaHei";color: #fff;} 
.content .fgt_right .oways-w{margin: 25px 30px;} 
.content .fgt_right .oways{font-size: 12px;font-family: "Microsoft YaHei";color: #666;} 
.content .fgt_right .qq{padding-left: 23px;line-height: 26px;background: url("../images/login/icons.png") no-repeat -13px -62px;} 
.content .fgt_right .wb{padding-left: 35px;margin-left: 11px; line-height: 26px;background: url("../images/login/icons.png") no-repeat -5px -92px;} 
.content .fgt_right .zc{padding-top: 4px;} 
.fgt_right .h2{padding: 33px 25px;text-align: left;font-size: 16px;font-family: "Microsoft YaHei";color: #333;}
.fgt_right .h3{padding: 8px 25px 5px;text-align: left;font-size: 14px;font-family: "Microsoft YaHei";color: #666;}
.fgt input{width: 263px;height: 42px;border:none; border-radius: 5px; font-size: 14px;font-family: "Microsoft YaHei";color: #a9a9a9;} 


.show_pd {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 20px;
  height: 20px;
  background: url(/static/images/show_pd.png?v=1) no-repeat 0 -20px transparent;
}

.show_pd.show {
  background-position: 0 0;
}



/**/
@media (min-width: 1200px) and (max-width:1366px){
  .content{margin: 15px auto 60px;background:url("../images/login/login_bg_20201125.png") no-repeat; background-position:-245px !important;text-align: center;/* box-shadow: 0px 4px 27px rgba(4, 0, 0, 0.25) inset;*/}
}
@media (min-width: 1366px) and (max-width:1440px){
  .content{margin: 15px auto 60px;background:url("../images/login/login_bg_20201125.png") no-repeat; background-position:-224px !important;text-align: center;/* box-shadow: 0px 4px 27px rgba(4, 0, 0, 0.25) inset;*/}
}
@media (min-width: 1440px) and (max-width:1680px){
  .content{margin: 15px auto 60px;background:url("../images/login/login_bg_20201125.png") no-repeat; background-position:-190px !important;text-align: center;/* box-shadow: 0px 4px 27px rgba(4, 0, 0, 0.25) inset;*/}
}

@media (min-width: 801px) and (max-width:1200px){
.content .left-img{width: 52%;}
.content .left-img a{width: 100%;}
.content.leftimg{padding-top: 20px;}
.content.leftimg .left{float: none; margin: 0px auto;}
.content.leftimg .right{float: none; margin:0px auto;}
}
@media (max-width: 800px){
  /*登陆页面适配手机端*/
.title img{max-width: 150px;}
.login_warp{max-width: 1200px;margin: 0 auto;padding: 10px;}
.logo{padding: 30px 0px 0px;}
.login_warp .survey {display: none; padding-left: 30px; margin: -23px 0 0;background: url("../images/login/msg.png");}
/*.login_warp .survey {display: none; padding-left: 30px; margin: -23px 0 0;background: url("../images/login/icons.png") no-repeat -25px -234px;}*/
.login_warp .survey a{line-height: 23px; font-size: 14px;font-family: "Microsoft YaHei";color: #333;}
.login_warp .survey a:hover{color: #427fed;}
.content{margin: 15px auto;padding: 0; background: #fff;text-align: center; box-shadow: none;background: transparent!important; width: 100%; overflow: hidden; -webkit-tap-highlight-color:rgba(0,0,0,0) !important;}


.login .d-user.content.hasbg{margin: 15px auto;padding: 0; background: #fff;text-align: center; box-shadow: none;}
.content .wap{margin: 0 auto;max-width: 1200px;}

/*登陆页面*/
.content .left-img{display: none;}
.content .left{display: none;}
.right{float: none !important; box-shadow: none; border-radius: 0; width: 100%;background: #fff;margin: 0px auto; overflow: hidden; width: 100%;}
/*二维扫描登陆页面样式*/
.scan{display: none;}
.right .tab { text-align: left; }
.right .tab .tip{ padding-left: 25px; line-height: 84px;font-size: 16px;font-family: "Microsoft YaHei";color: #333; float: none; }
.content .right .tcode-icon{display: none;}
/*账号登陆页面手机端样式*/
.right .safe{display: none;}
.right form input{width: 100%;height: 42px;border:none;border-radius: 5px; font-size: 14px;font-family: "Microsoft YaHei";color: #a9a9a9; background: none; border: none;}
.right .li1{ box-sizing: border-box; padding-left: 34px; margin-left: -1px; background: url("../images/login/icons.png") no-repeat -18px -144px;width: 100%;height: 42px;border:1px #ccd5db solid;border-radius: 0;}
.right .li2{ box-sizing: border-box; padding-left: 34px; margin-left: -1px;margin-top: -1px; background: url("../images/login/icons.png") no-repeat -18px -182px;width: 100%;height: 42px;border:1px #ccd5db solid;border-radius: 0;} 
.right .tishi{ box-sizing: border-box; margin-left: -1px;margin-top: -1px; width: 100%;height: 42px;border:1px #ccd5db solid;border-radius: 0;}
.right .user{margin-bottom: 0;}
.right .pass{margin-bottom: 30px; position: relative;} 
.right .forgot{padding-left: 0;margin-left: 5%;} 
.right .regin{padding-right: 0;margin-right: 5%;} 
.right .forgot,.regin{font-size: 14px;font-family: "Microsoft YaHei";color: #666;} 
.right .forgot:hover,.regin:hover{color: #427fed ;} 
.right .in{width: 90%;padding: 14px 0;margin-top: 15px; margin-left: 5%;margin-right: 5%; background: #427fed;border:none;border-radius: 5px; box-shadow: 1px 1px 4px #073894 inset; font-size: 16px;font-family: "Microsoft YaHei";color: #fff;} 
.right .oways-w{margin: 0px; padding: 16px 5%;} 
.right .oways{font-size: 12px;font-family: "Microsoft YaHei";color: #666;} 
.right .qq{padding-left: 23px;line-height: 26px;background: url("../images/login/icons.png") no-repeat -13px -62px;} 
.right .wb{padding-left: 35px;margin-left: 11px; line-height: 26px;background: url("../images/login/icons.png") no-repeat -5px -92px;} 
.footer{display: none;}
/*找回密码页面手机端样式*/
.content .fgt_left_img{display: none;}
.content .fgt_right .h2{display: none;}
.content .fgt_right .h3{padding: 8px 12px 20px;}
.content .fgt_right{float: none; box-shadow: none; border-radius: 0; width: 100%;background: #fff;margin: 0px auto;}
.content .fgt_right .li1{padding-left: 41px;margin-left: -1px;border-radius: 0px;background: url("../images/login/icons.png") no-repeat -13px -144px;width: 100%;height: 42px;border: 1px #ccd5db solid;} 
.fgt input{width: 100%;height: 42px;border:none; font-size: 14px;font-family: "Microsoft YaHei";color: #a9a9a9;} 
.content .fgt_right .in{width: 90%;padding: 14px 0;margin-top: 15px; margin-left: 5%;margin-right: 5%; background: #427fed;border:none;border-radius: 5px; box-shadow: 1px 1px 4px #427fed inset; font-size: 16px;font-family: "Microsoft YaHei";color: #fff;} 
.content .fgt_right .oways-w{margin: 0px; padding: 16px 5%;} 
.content .fgt_right .oways{font-size: 12px;font-family: "Microsoft YaHei";color: #666;} 
.content .fgt_right .qq{padding-left: 23px;line-height: 26px;background: url("../images/login/icons.png") no-repeat -13px -62px;} 
.content .fgt_right .wb{padding-left: 35px;margin-left: 11px; line-height: 26px;background: url("../images/login/icons.png") no-repeat -5px -92px;} 
}