.header-p{height: 100px;position: relative;text-align: right;}
.header-space{height: 100px;}
.shadow-p{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    z-index: 200;}
.header-p::before{content: "";display: inline-block;height: 100%;vertical-align: middle;}
.header-logo-p{position: absolute;top: 25px;left: 0px;}
.header-logo{display: inline-block;vertical-align: middle; width: 226px;}
.logo-name{display: inline-block;vertical-align: middle;text-align: left;}
.school-name{color: #C30D23;font-size: 38px;letter-spacing: 13px;}
.school-name-pi{color: #C30D23;font-size: 22px;}
.quit-btn{
    position: absolute;right: 10px;
}

.menu-list{display: inline-block;vertical-align: middle;}
.menu-item{display: inline-block;vertical-align: middle;color: #666666;margin: 0 30px 0px 30px;padding: 15px 0 8px 0; 
    border-bottom:2px solid transparent;cursor: pointer;font-size: 18px;position: relative;    text-decoration: none;}
.menu-item.menu-active {color: #000;border-bottom:4px solid #3D7CFF;}
.menu-angle{ display: inline-block;vertical-align: middle;
    
  }
.login-btn{display: inline-block;vertical-align: middle;width:130px;height: 40px;line-height: 40px;color: #fff;
background: #3D7CFF;text-align: center;border-radius: 20px;cursor: pointer;position: relative;
box-shadow: 0 2px 5px 1px rgba(61, 124, 255, 0.5);font-size: 20px;}
.h-pro-list{
    padding: 10px 0;
    display: none;
    position: absolute;left: 0;top: 120%;z-index: 100;    
    background: #fff;box-shadow: 0 0 6px 0 rgba(0,134,236,0.3);
    border-radius: 5px;
}
.h-pro-item{    display: block;text-decoration: none;color: #666;
    padding: 10px 20px;
    text-align: left;
    width: 90px;}
.h-pro-item:hover{color: #0086EC;}
    .login-p{position: absolute;z-index: 10;top:100px;right: 0px; background: #fff;width: 420px;border-radius: 10px;
        padding: 34px 50px 50px 50px;box-sizing: border-box;
        text-align: left;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
    .login-title-p{
        height: 62px;
    }
    .login-title{
        font-size: 18px;padding: 0 0 30px 25px;font-weight: bold;display: inline-block;cursor: pointer;
        transition: 0.5s;
    }
    .login-title.active{
        font-size: 24px;color: #3D7CFF;
    }
    .login-tr{padding: 0 0 20px 0;}
    .login-input{border:1px solid #ccc;border-radius: 25px;color: #666;width: 320px;height: 46px;line-height: 46px;
    font-size: 18px;padding: 0 25px;box-sizing: border-box;}
    .login-input:focus{border:1px solid #0086EC !important;color:#0086EC ;}
    .sms-code{
        display: inline-block;width: 120px;text-align: center;height: 30px; line-height: 30px;
        color: #fff;background: #0086EC; cursor: pointer;
    }
    .login-submit{width: 330px;height: 50px;line-height: 50px;margin: 40px auto 0 auto;color: #fff;background: #0086EC;text-align: center;
    font-size: 20px;cursor: pointer;border-radius: 25px;box-shadow: 0 2px 5px 1px rgba(61, 124, 255, 0.5);}
    .login-foot{font-size: 14px;padding: 10px 0 0 0;position: relative;}
    .auto-login{}
    .auto-login-checkbox{cursor: pointer;}
    .forget-password{position: absolute;top: 12px; right: 0;cursor: pointer;text-decoration: none;color: #000;}
.code-canv{float: right;}
.quit-btn{
    position: absolute;
    right: 10px;
    top: 30px;
    font-size: 18px;
    color: #666;
    display: none;
    cursor: pointer;
}