html,body{
        position:relative;
        height:100%;
    }
    #fixed-title-image{
        position:absolute;
        text-align:center;
        left:0;
        top:9%;
        width:100%;
        z-index:99999;
        height:24%;
    }
    .schoolLogo{
        text-align:center;
        height:100%;
    }
    .schoolLogo img{
        height:100%;
    }
    .schoolTitle{
        margin-top: 600px;
        text-align: center;
    }
    .schoolTitle p{
        color:#fff;
        font-weight:bold;
        line-height:1.5;
        letter-spacing:8px
    }
    .schoolTitle p:first-child{
        font-size:58px;
    }
    .schoolTitle p:last-child{
        font-size:26px;
    }
    /*登录，注册层外框架，关闭图标*/
    #loginFrame,#registerFrame{
        position:fixed;left:0;right:0;top:0;bottom:0;background:url('../images/login_bg.png') 0 0 no-repeat;background-size:100% 100%;z-index:9999;text-align:center;font-family:'Microsoft YaHei';
    }
    #registerFrame{
        display:none;
    }
    .register-content{
        display:inline-block;vertical-align:middle;text-align:center;position:relative;border-radius:8px;border:1px solid #ddd;background:#fff;padding:40px 35px 10px;
    }
    .login-content{
        display:inline-block;vertical-align:middle;text-align:center;position:relative;top:70px;
    }
    .closeLoginOrRegister{
        cursor:pointer;
        position:absolute;
        right:15px;
        top:15px;
    }

    /*登录层tab切换*/
    #loginFrame .tab{
        overflow:hidden;display:inline-block;margin-bottom:30px;
    }
    #loginFrame .tab a{
        float:left;padding:5px 20px;border-bottom:1px solid #e1e1e1;color:#999999;font-size:16px;
    }
    #loginFrame .tab a.active{
        color:#1c77c3;border-bottom:1px solid #1c77c3;
    }
    /*登录，注册层表单元素*/
    .login-panel,.register-panel{
        margin-bottom:10px;
    }
    .login-panel p{
        margin-bottom:15px;
    }
    .login-panel p:after,.register-panel p:after{
        content:'';
        height:0;
        display:block;
        clear:both;
    }
    .login-panel p>*,.register-panel p>*{
        float:left;
        display: block;
    }
    .login-panel p span,.register-panel p span{
        display:inline-block;
        width:40px;
        height:38px;
        box-sizing:border-box;
        border:1px solid #c9c9c9;
        border-right:0;
        background-image:url('../images/usericon_1.png');
        background-repeat: no-repeat;
        border-radius:3px 0 0 3px;
        background-color: white;
    }
    .login-panel p dl,.register-panel p dl{
        text-align:left;
    }
    .login-panel p .layui-input,.login-panel p select,.register-panel p .layui-input,.register-panel p select{
        width:260px;
        padding-left:0;
        border-radius:0 3px 3px 0;
        border-color:#c9c9c9;
        border-left:0;
        font-size:14px;
    }
    #loginBtn1,#loginBtn2,#registerBtn,#registerBtnHid{
        display:inline-block;
        width:310px;
        color:#fff;
        background:#0b75a5;
        text-align:center;
        height:38px;
        line-height:38px;
        font-size:18px;
        border-radius:3px;
    }
    .login-panel2{
        display:none;
    }
    .login-panel p .yzm{
        width:136px;
        margin-right:14px;
    }
    .login-panel p .getyzm,.register-panel p .getyzm{
        display:inline-block;
        width:120px;
        text-align:center;
        height:38px;
        line-height:38px;
        color:#fff;
        background:#39a9db;
        border-radius:3px;
    }
    /*注册层私有*/
    #registerFrame h2{
        width:400px;
        font-size:20px;
        color:#1c77c3;
        text-align:center;
        padding:0 0 15px;
        border-bottom:1px solid #e1e1e1;
        margin-bottom:20px;
    }
    .register-panel p{
        padding-left:20px;
        margin-bottom:15px;
    }
    .register-panel p .layui-input,.register-panel p select{
        width:320px;
    }
    .register-panel p label{
        display:inline-block;
        height:38px;
        line-height:38px;
        box-sizing:border-box;
        font-size:14px;
    }
    .register-panel p .yzm{
        width:186px;
        margin-right:14px;
    }
    #registerBtn,#registerBtnHid{
        width:360px;
    }

    /*浏览器提示语句*/
    .browserTip{
        background:#016fa1;
        color:white;
        border-radius:5px;
        padding:5px 0;
        float: left;
        width: 396px;
        margin-top:8px;
    }
    .browserTip a{
        color:inherit;
    }
    .browserTip a span,
    .downInfo a span{
        display:inline-block;
        width:15px;
        height:15px;
        overflow:hidden;
        margin:0 2px;
        background:url('../images/browserlogo.png') 0 0 no-repeat;
        background-size:30px 30px;
        position:relative;
        top:3px;
    }
    .browserTip a:nth-child(4) span,
    .downInfo a:nth-child(4) span{
        background-position:0px 0px;
    }
    .browserTip a:nth-child(3) span,
    .downInfo a:nth-child(3) span{
        background-position:-15px -15px;
    }
    .browserTip a:nth-child(2) span,
    .downInfo a:nth-child(2) span{
        background-position:-15px 0px;
    }
    .browserTip a:nth-child(1) span,
    .downInfo a:nth-child(1) span{
        background-position:0px -15px;
    }
    .downInfo a{
        color: red;
    }
    /*江南大学单独设计的样式*/
    #loginFrame.jndx,
    #registerFrame.jndx{
        background:url('../images/bg.png') no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        /*position: relative;*/
    }
    #loginFrame.jndx .frame-content{
        width: 1282px;
        height:675px;
        margin:auto;
        position: relative;
        top:50%;
        margin-top: -337px;
        background: url("../images/login-bg.png");
    }
    #loginFrame.jndx .schoolLogo{
        width:520px;
        float:left;
    }
    #loginFrame.jndx .schoolLogo img{
        height: 82px;
        width:auto;
        margin:150px auto;
    }
    #loginFrame.jndx .login-content{
        width:600px;
        float:right;
        margin-top:50px;
        margin-right: 112px;
    }
    #loginFrame.jndx .login-content p.p-title{
        color: #0e92f8;
        font-size: 34px;
        text-align: right;
        font-family: "方正准圆简体","微软雅黑",Helvetica,Arial,sans-serif;
    }
    #loginFrame.jndx .login-content .login-input-box{
        width:350px;
        padding-top: 30px ;
        float: right;
    }
    #loginFrame.jndx .tab{
        line-height: 44px;
    }
    #loginFrame.jndx .tab a{
        width:175px;
        padding:0;
        display: inline-block;
        text-align: left;
        color:#939ca9;
        border-bottom: 2px solid #e2e3e3;
    }
    #loginFrame.jndx .tab a:nth-child(2){
        text-align: right;
    }
    #loginFrame.jndx .tab a.active{
        color: #0e92f8;
        border-bottom: 2px solid #0e92f8;
    }
    #loginFrame.jndx .login-panel p span,
    #loginFrame.jndx .register-panel p span{
         border: 1px solid #76b0de;
        border-right: none;
        height: 40px;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
        background: url(../images/usericon_1.png) #fff;
    }
    #loginFrame.jndx .login-panel p .layui-input{
        border: 1px solid #76b0de;
        border-left: none;
        height: 40px;
        width: 310px;
        margin:0;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
    }
    #loginFrame.jndx .login-panel p .layui-input.yzm{
        width: 156px;
        margin-right: 20px;
    }
    #loginFrame.jndx .login-panel p .layui-input:focus,
    #loginFrame.jndx .login-panel p .layui-input:hover{
        border-color: #76b0de !important;
    }
    #loginFrame.jndx #loginBtn1, #loginFrame.jndx #loginBtn2,
    #loginFrame.jndx #registerBtn, #loginFrame.jndx #registerBtnHid{
        width: 350px;
        background: #0e92f8;
        text-align: center;
        border-radius: 8px;
    }
    #loginFrame.jndx #loginBtn1:hover,
    #loginFrame.jndx #loginBtn2:hover,
    #loginFrame.jndx #registerBtn:hover,
    #loginFrame.jndx #registerBtnHid:hover{
        background: #007bda;
    }
    #loginFrame.jndx .browserTip{
        background: #FF5722;
        color: #fff;
        float: right;
        width: 350px;
        margin-top: 0px;
    }
    /*威海海洋职业学院*/
    /*江南大学单独设计的样式*/
    #loginFrame.whhy,
    #registerFrame.whhy{
        background:url('../images/bg.png') no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        /*position: relative;*/
    }
    #loginFrame.whhy .schooltitle{
        width: 100%;
        height: 80px;
        line-height: 80px;
        margin: 90px auto 0;
    }
    #loginFrame.whhy .schooltitle img{
        height: 56px;
        margin:0 auto;
    }
    #loginFrame.whhy .frame-content{
        width: 1200px;
        height:663px;
        margin:auto;
        position: relative;
        top:0;
        margin-top: 0px;
        background: url("../images/login-bg.png");
    }
    #loginFrame.whhy .frame-content2{
        background: url("../images/login-bg-2.png");
    }
    #loginFrame.whhy .login-content{
        margin-top:0;
        width: 580px;
        top:50px;
        margin-right:160px;
    }
    #loginFrame.whhy .login-content .loginLogo{
        text-align: left;
    }
    #loginFrame.whhy .login-content .loginLogo img{
        height: 56px;
    }