/* html,body{background:transparent}
*/
input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;outline:none;overflow:hidden}
/* input:-webkit-autofill{background-color:transparent;}
*/
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out;}
.panel_r{width:420px;height:392px;background:rgba(255,255,255,1);box-shadow:0px 6px 22px 0px rgba(0,0,0,0.08);border-radius:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 48px;box-sizing:border-box;}
.panel_r h4{padding-top:34px;margin:0 auto;font-size:24px;font-family:PingFangSC;font-weight:500;color:rgba(62,113,247,1);text-align:center;}
.login-test-form input{padding-left:37px;box-sizing:border-box;width:250px;height:40px;border-radius:5px;margin-left:20px;background:rgba(240,240,240,1);font-size:14px;}
.myapp-login{background:#f9f9f9;background-size:100% 100%;}
.box1,.box2,.box3,.box4,.box5,.box6{width:13px;height:13px;position:absolute;left:70px;top:40px;}
.box1{background:url(../img/index-school.png) no-repeat;background-size:contain;}
.box2{background:url(../img/index-login.png) no-repeat;background-size:contain;}
.box3{background:url(../img/index-pass.png) no-repeat;background-size:contain;}
.box4{background:url(../img/phone.png) no-repeat;background-size:contain;left:80px;}
.box5{background:url(../img/code.png) no-repeat;background-size:contain;left:80px;}
.box6{background:url(../img/index-pass.png) no-repeat;background-size:contain;left:80px;}
.login-test-form input::-webkit-input-placeholder{color:#C6C6C6;}
.login-test-form input:-moz-placeholder{color:#C6C6C6;}
.login-test-form input::-moz-placeholder{color:#C6C6C6;}
.login-test-form input::-ms-input-placeholder{color:#C6C6C6;}
.login-test-form .login-form-group label{height:22px;font-size:14px;font-family:PingFangSC;font-weight:400;color:rgba(152,152,152,1);line-height:22px;}
.login-test-form .login-form-group{width:100%;position:relative;padding:26px 0 0;}
.form-btn{width:100%;margin-top:50px}
.form-btn .form-login-btn{display:inline-block;width:312px;height:50px;background:rgba(62,113,247,1);box-shadow:0px 4px 11px 0px rgba(62,113,247,0.33);border-radius:5px;font-size:16px;font-family:PingFangSC;font-weight:400;color:rgba(255,255,255,1);line-height:50px;text-align:center;}
.login-test-form .login-form-group .form-div{position:absolute;left:60px;top:70px;color:#ED5564;font-size:12px}
.form-remember{position:relative;}
.form-remember .forgot-password{position:absolute;right:0;top:12px;font-size:12px;color:#005BAC;font-size:16px}
.choice-content{width:250px;height:180px;box-shadow:0px 6px 22px 0px rgba(0,0,0,0.08);background:#fdfdfd;position:absolute;right:16px;top:76px;z-index:-1;font-size:14px;opacity:0;overflow-y:auto;}
.choice-content:before{content:'';position:absolute;left:10px;top:-8px;z-index:20;width:0;height:0;border:8px dashed transparent;border-bottom-style:solid;border-width:0 8px 8px;border-bottom-color:#ddd;}
.choice-content:after{content:'';position:absolute;left:10px;top:-7px;z-index:20;width:0;height:0;border:8px dashed transparent;border-bottom-style:solid;border-width:0 8px 8px;border-bottom-color:#eee;}
.choice-content li{padding:10px;border-bottom:1px solid #ddd;text-align:center;}
.error-tips{color:#ED5564;font-size:14px;display:none;position:absolute;}
.error-tips p{font-size:14px;color:#ED5564;margin-left:60px;}
.code-again,.code-countdown{float:right;position:relative;top:-25px;right:5px}
.code-countdown{top:-40px;color:#ccc}
.code-countdown span{display:block;font-size:12px}
.pro_mes{position:absolute;left:390px;top:-30px;font-size:12px;color:#ccc}
.back_img{position:absolute;right:10px;top:10px;width:50px;height:auto;cursor:pointer}
.remember-form{position:relative;}
.remember-form .check_div{position:relative;left:0;top:20px;}
.remember-form input[type="checkbox"]{position:relative;width:16px;height:16px;vertical-align:middle;border-radius:0;margin:-5px 0 0;padding-left:0;background:#fff;border:3px solid #005BAC;outline:none}
.remember-form input[type="checkbox"]:checked:after{content:'';position:absolute;width:8px;height:8px;border-left:0.065rem solid #fff;border-bottom:0.065rem solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-50deg);outline:none}
.remember-form input[type="checkbox"]:checked{border-color:#005BAC;background-color:#005BAC;border-radius:0;margin:-5px 0 0;outline:none}
.remember-form label{display:inline-block;height:0.9rem;line-height:0.9rem;font-size:15px;color:#005BAC;vertical-align:middle;font-weight:400}
.remember-form .forgot-password{position:absolute;right:20px;top:20px;font-size:12px;color:#3E71F7;}
.code-btn{width:86px;height:40px;display:inline-block;background:#3E71F7;color:#fff;font-size:14px;border-radius:5px;line-height:40px;text-align:center;}
.code-btn:hover{color:#fff;}
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?g4ghx9');src:url('../fonts/icomoon.eot?g4ghx9#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?g4ghx9') format('truetype'),url('../fonts/icomoon.woff?g4ghx9') format('woff'),url('../fonts/icomoon.svg?g4ghx9#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icons-"],[class*=" icons-"]{/* use !important to prevent issues with browser extensions that change fonts */
 font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;/* Better Font Rendering =========== */
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icons-ioctest .path1:before{content:"\e900";color:rgb(0,91,172);}
.icons-ioctest .path2:before{content:"\e901";margin-left:-0.982421875em;color:rgb(255,255,255);}
.icons-ioctest .path3:before{content:"\e902";margin-left:-0.982421875em;color:rgb(255,255,255);}
.icons-ioctest .path4:before{content:"\e903";margin-left:-0.982421875em;color:rgb(255,255,255);}
.icons-ioctest .path5:before{content:"\e904";margin-left:-0.982421875em;color:rgb(255,255,255);}
.icons-logo .path1:before{content:"\e905";color:rgb(0,91,172);}
.icons-logo .path2:before{content:"\e906";margin-left:-4.3916015625em;color:rgb(32,31,31);}
.icons-ioctest{font-size:70px;}
.icons-logo{font-size:30px;}
/* 人脸登录css */
.facelogin-btn{position:absolute;left:0;top:0;;}
#schoolnum{border-bottom:1px solid #ccc;padding:5px;font-size:14px;width:70%;}
#capture{border:0;outline:none;height:30px;font-size:14px;color:#fff;background:#3E71F7;border-radius:3px;padding: 0 10px;}
.face-photo{padding-top:20px;}
.login_video{margin:30px 0px 15px 10px;}
.face-btn{/* margin:0 auto;*/
 text-align:center;}
.isface.icon1,.ispass.icon1{width:25px;margin:5px;}
.isface.icon2,.ispass.icon2{width:70px;margin:5px;}
#errorimg{padding-bottom:10px;padding-top:10px;}
#errorimg img{display:block;margin:0 auto;}
#errorimg div{color:#f00;font-size:14px;text-align:center;}
.errtip{font-size:14px;color:#f00;text-align:center;margin-bottom:10px;}
/* .windows_close img{width:26px;position:fixed;right:15px;top:10px;display:none;cursor:pointer;} */
.windows_close{width:30px;cursor:pointer;}
.windows_close img{width:30px;display: none;}

@keyframes rotate{from{transform:rotatez(0deg);}
to{transform:rotatez(360deg);}
}
.red{color: red;}
.recommend{font-size: 14px;position: absolute;left: 0;bottom: -40px;display: none;}